Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #1101525

    Hi There

    I have added a CSS to General Settings so that my contact forms have a special colour scheme throughout the website. However, on the actual contact us page, I need that colour scheme to be different. I have read through lots of posts but none that tell me what css to put in a single contact form in Avia to change that form only.

    Please can you help, as I changed all the forms to white boxes and text, now I can’t read the contact form on the contact us page, as it is sitting directly on the white background.



    Hey Louise_Brace,
    Sorry for the late reply, can you please link to your page so we can examine it closer.

    Best regards,


    Ah yes sorry! Details below..


    Thanks for the link,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field: div .av-light-form .input-text, div .av-light-form input[type='text'], div .av-light-form input[type='input'], div .av-light-form input[type='password'], div .av-light-form input[type='email'], div .av-light-form input[type='number'], div .av-light-form input[type='url'], div .av-light-form input[type='tel'], div .av-light-form input[type='search'], div .av-light-form textarea, div .av-light-form select, div div .av-light-form .button {
        border-color: #3fb19d !important; 
    } .av-custom-form-color * {
        color: #3fb19d !important; 
    } .av_seperator_big_border .av-main-nav > #menu-item-search > a {
    border-width: 0px !important; 

    Please clear your browser cache and check.

    Best regards,


    Hi Mike
    Thanks for that. I put it into the additional css field and it works in that I now have borders around the contact form, but I still can’t read the titles i.e. elements. I need for the text to also appear in that green. Can you help?

    Thanks, Louise


    Please try adding this css: .avia_ajax_form p * {
       color: #3fb19d !important; 

    It also looks as though there is a class error in your form, have you added:

    ’ av-centered-form  ’

    in the class field?
    I recommend removing this as you may have issues in the future.

    Best regards,


    I just added the code that you send me above. Do I now have to add both codes in to the contact form to make both borders and text show? Or just the last one you sent for all? Plus when I put one code in and save and then go back into the form again it has deleted the coding.


    I added the css for you, Please clear your browser cache and check.

    Best regards,


    That’s wonderful. Thank you so much Mike!


    Hi Louise_Brace,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,

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

The topic ‘Changing colour scheme of single contact form’ is closed to new replies.