Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 5, 2018 at 12:13 pm #921438
    thaufitness

    Hi guys,
    I’ve looked through +10 different support threads about this, but I can’t find a solution that works for my site.

    How do I change the color of my input fields to white, with a grey border around them?

    I have attached a link to a page where you can see the issue. The background is currently grey instead of white.
    Can you help me with this, please?

    Thanks,
    Kristian

    March 5, 2018 at 8:24 pm #921751
    Vinay

    Hey thaufitness,

    Nice site!  To change the input field color please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top .main_color input[type='text'], 
#top .main_color input[type='input'],
#top .main_color input[type='email'] {
    border-color: #919191;
    background-color: #fff;
}

    Best regards,
    Vinay

    March 5, 2018 at 9:43 pm #921829
    thaufitness

    Hi Vinay,

    Thanks for the compliment. :-)

    So, I just entered the CSS code, but nothing happens at all.
    I’ve cleared the cache 4 times and tried to re-enter the code, but still the same result.

    – Kristian

    March 5, 2018 at 10:42 pm #921882
    Jordan Shannon

    Hi,

    Do you currently have other code in the quick css section? If so, please add Vinay’s to the very top so that it runs first. Let us know if this works.

    Best regards,
    Jordan Shannon

    March 6, 2018 at 12:04 pm #922180
    thaufitness

    Hi Jordan,

    Honestly, I have a LOT of CSS codes in the quick CSS section (some of them might not even be relevant anymore). I added Vinay’s code to the top, but nothing changed.

    Best regards,
    Kristian

    March 6, 2018 at 1:33 pm #922262
    Victoria

    Hi Kristian,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    March 6, 2018 at 1:48 pm #922275
    thaufitness

    Thanks, please see the private content!

    March 6, 2018 at 5:35 pm #922425
    Vinay

    Hi,

    I checked your site and it appears when you copied the code some of it was converted to ascii values

    I have pasted the same code again and I can see the changes on my end. Please clear the cache and review the site again :)

    Best regards,
    Vinay

    March 7, 2018 at 10:56 am #922837
    thaufitness

    Hi Vinay,

    Thanks a million! That did the trick, but there’s another — small — issue.
    The short input fields seem to work, but the long-form fields are still wrong.

    I’ve attached a link to my contact page, where I’ve used the contact form from Enfold.

    March 7, 2018 at 1:16 pm #922959
    Victoria

    Hi,

    Best regards,
    Victoria

    March 8, 2018 at 5:20 am #923545
    Vinay

    Hey!

    We have added the below CSS to quick section so all the form elements have the same style applied to it.

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    border-color: #919191!important;
    background-color: #fff!important;
}

    Best regards,
    Vinay

    March 8, 2018 at 3:20 pm #923915
    thaufitness

    Hi Vinay,

    Awesome, everything looks perfect now. Thank you so much guys!

    – kristian

    March 8, 2018 at 7:33 pm #924010
    Jordan Shannon

    Hi,

    I’m glad you were able to find a solution. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to change color on input fields’ is closed to new replies.