Home › Forums › WoodMart support forum › Customisation Help
Customisation Help
- This topic has 5 replies, 2 voices, and was last updated 5 years, 1 month ago by Elise Noromit.
-
AuthorPosts
-
November 10, 2019 at 2:23 pm #156092
epicsmParticipantHello
I have reinstalled WordPress and the theme is working like a dream. Thank you for your help last week. My issues stem from the malware I had.
I am now fine tuning and have a few questions:
1) I’d like to lower the gap at the top of the menu items (Achievement, clocks etc line) by about 20px. I tried setting the row padding to 0px but this did not have any effect and seems to be a global setting. Is there somewhere I can do this or a line of css? https://prnt.sc/puyqu8
2) I want to try and be extra smart with the form required fields by shading them a different colour on my checkout page. Just the required fields as it makes it much easier on the eye. Do you know the best way to achieve this? https://prnt.sc/puyrob
An example on my contact form https://prnt.sc/puys7c
3) This is a Woocommerce/WP Page builder issue I think. On the checkout page when you click on terms and conditions above the proceed to PayPal button the box is including the WP Bakery page settings https://prnt.sc/puyt17 Do you have any suggestions to resolve this? Maybe via a popup html perhaps?
Regards
November 10, 2019 at 4:42 pm #156138
Elise NoromitMemberHello,
1. Enter the page and set margin-top:-40px in the upper row settings: http://prntscr.com/lexqqs
2. Please add this code to the Theme Settings > Custom CSS > Global:
body.woocommerce-checkout input[type=text], body.woocommerce-checkout input[type=email], body.woocommerce-checkout input[type=password], body.woocommerce-checkout input[type=search], body.woocommerce-checkout input[type=number], body.woocommerce-checkout input[type=url], body.woocommerce-checkout input[type=tel], body.woocommerce-checkout input[type=date], body.woocommerce-checkout select, body.woocommerce-checkout textarea { background-color:pink; }
Set the color as per your needs.
3. Create the page in WordPress without WP bakery page builder.
Best Regards
November 10, 2019 at 7:26 pm #156150
epicsmParticipantHello
1) Thank you. I didn’t realise about the minus.
2) Thank you. This works great but if I need to change background colour for a specific field eg First Name field how is the code created. I have tried different ways but none of them of work
body.woocommerce-checkout input[type=text][billing_first_name] {
background-color:#FFFFED;
}3) Thank you. Will take a look at this
Regards
November 11, 2019 at 6:47 am #156205
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body.woocommerce-checkout select{ background-color:pink; } body.woocommerce-checkout input[name="billing_first_name"]{ background-color:yellow; } body.woocommerce-checkout input[name="billing_last_name"]{ background-color:green; } body.woocommerce-checkout input[name="billing_company"]{ background-color:red; } body.woocommerce-checkout input[name="billing_address_1"], body.woocommerce-checkout input[name="billing_address_2"]{ background-color:pink; } body.woocommerce-checkout input[name="billing_city"]{ background-color:red; } body.woocommerce-checkout input[name="billing_state"]{ background-color:green; } body.woocommerce-checkout input[name="billing_postcode"]{ background-color:yellow; } body.woocommerce-checkout input[name="billing_phone"]{ background-color:blue; } body.woocommerce-checkout input[name="billing_email"]{ background-color:orange; } body.woocommerce-checkout textarea { background-color:pink; }
Best Regards
November 11, 2019 at 5:02 pm #156367
epicsmParticipantHello
Thank you so much for the codes which worked a treat and helps make it easier on the eye on the mandatory fields to complete.
I got around the adding a product as new with the green label on bulk products. I have a bulk editor to update products like a spreadsheet, rather than going the long WordPress way of one by one. I added the wrapper ‘woodmart_new_label’ and for the new products added ‘on’ in one bulk. https://prnt.sc/pvhsws The WordPress way would have taken all day but this way took 30 seconds as I had 500+ new products.
Thank you with all your great help in setting up my site. The support is fantastic and the theme is the best one I have ever used. I have another site I plan to transfer over to Woodmart when I have finished this site.
Regards
November 12, 2019 at 8:23 am #156469
Elise NoromitMemberHello,
We thank you very much for your warm feedback. We are always happy to help you, write to us when you have any difficulties or issues with our theme. We would appreciate highly rating our theme with 5 stars on Theme Forest if you have not done that yet http://themeforest.net/downloads
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register