Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 6, 2016 at 10:44 pm #628491
    tremblayly

    Hi
    I use a WooCommerce Enquiry Form plugin which adds a tab to the single product page. It inherits the alternate colors. I would like to have the input fields to have a white background. I tried the following in my custom stylesheet. The name and email fields appear OK, but my submit button gets affected and the textarea (comment) does not change. I removed the code because that’s not exactly what I want.

    Can you please help me figure out which elements of this form should be used to apply a white background to the input fields only, leaving the button as is.

    You can access my website using the username and password I added in the private area.
    Here’s a link to the product: http://silviafindings.wpengine.com/product/braided-leather-necklace-sterling-silver-lobster-clasp-end-caps (hosted on WPengine)

    Thank you

    May 10, 2016 at 7:52 am #629687
    Ismael

    Hey tremblayly,

    Thank you for using Enfold. Sorry for the late response.

    Please use this in the Quick CSS field:

    #top .woocommerce-tabs form .form-row input.input-text, #top .woocommerce-tabs form .form-row textarea, #top .woocommerce-tabs #content .form-row textarea {
    background-color: #ffffff;
    color: #000000;
}

    Add the “!important” declaration after the css value if it’s not working.

    This short article will help: http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016

    Best regards,
    Ismael

    May 10, 2016 at 4:05 pm #630016
    tremblayly

    Hi Ismael,

    Worked perfectly! And thank your for the link – it’s very insightful. Enjoyed it.

    Regards
    Lyse

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Styling Enquiry Form input fields’ is closed to new replies.