Home Forums WoodMart support forum Customisation Help

Customisation Help

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #156092

    epicsm
    Participant

    Hello

    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

    #156138

    Hello,

    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

    #156150

    epicsm
    Participant

    Hello

    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

    #156205

    Hello,

    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

    #156367

    epicsm
    Participant

    Hello

    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

    #156469

    Hello,

    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

Viewing 6 posts - 1 through 6 (of 6 total)