Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #783785

    Hello,

    Wondering how to correct the color change. Contact us section of Home Page. See image. Circled in yellow in photo. The color used to be white.

    I’m presuming the latest WordPress or Enfold update may have messed something up?

    Thank you,

    Bob

    #784990

    Hey BobCarey,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .avia_ajax_form.av-form-labels-visible.avia-builder-el-86.el_after_av_hr.avia-builder-el-last {
      color: #ffffff;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #785083

    It worked. Thanks!

    #785090

    I spoke to soon. It stopped working after a few minutes. I couldn’t find themes/enfold/css/custom.css under themes in the Enfold menu to try that.

    right now, in the custom Quick CSS I have two snippets. The top one is for the asterisk at the end of the sentence.

    .main_color .required {
    color: white;
    }
    .avia_ajax_form.av-form-labels-visible.avia-builder-el-86.el_after_av_hr.avia-builder-el-last {
    color: #ffffff;
    }

    #785098

    Hi,
    The background color is white on end, Please clear your cache :)

    Best regards,
    Mike

    #785113

    Hello Mike,

    It didn’t work.

    The asterik on the end is white because of this code.

    .main_color .required {
    color: white;
    }

    At one time, this made the whole line white.

    But something changed so it stopped working except for the Asterick at the end.

    So I was given the following code to fix the rest of the line. Which it did temporally.
    .avia_ajax_form.av-form-labels-visible.avia-builder-el-86.el_after_av_hr.avia-builder-el-last {
    color: #ffffff;
    }

    I did try opening the site on Firefox instead of Chrome, but it did not make any difference.

    I’ve also tried playing with the color palette, but it doesn’t seem to help either.

    It was suggested that if the quick CSS didn’t work, I should try themes/enfold/css/custom.css under themes in the Enfold menu to try that.

    Under themes on the enfold menu I couldn’t find themes/enfold/css/custom.css under themes in the Enfold menu to try that. Please share with me where it is so I can try the code there.

    Thank you,

    Bob

    #785120

    Hi,
    Oh, I was looking at the wrong thing :)

    .main_color #element_avia_6_1 {
    color: #ffffff !important; 
    }

    Best regards,
    Mike

    #785141

    Hello Mike,

    No worries.
    That seems to work. Thank you.

    However, the equation has disappeared. It used to be a light gray text.

    Thoughts how to fix?

    Thank you,

    Bob

    #785154

    Hi,
    Sorry I should have seen that, add this:

    
    .value_verifier_label {color: #666666}

    Best regards,
    Mike

    #789042

    Hello,

    I moved the site to a new host.

    Unfortunately, the white disappeared.
    Please note the asterisk changed color in Firefox.
    In Firefox

    In chrome: In Chrome
    Here’s what the CSS quick inside Enfold looks like:
    http://robertlcarey.com/Enfoldphotos/Code-in-Enfold.jpg

    How to fix?

    Thank you,

    Bob

    • This reply was modified 7 years, 7 months ago by BobCarey.
    #789181

    Hi Bob,

    Try this code:

    
    #element_avia_6_1 label, #element_avia_6_1 label abbr { color: #fff; }
    

    and add !important if it does not work.

    Best regards,
    Victoria

    #789725

    Hello Victoria,

    I tried the code with and without the !important and it didn’t work. With the !important added the asterisks on the contact page all changed to gray instead of being white.

    Image here: asterisks and last line in contact page.

    Do I need to remove all of the other codes from before and start over?

    Thoughts?

    Bob

    #790050

    Hi,

    Yes, please remove the previous css modifications temporarily then use the following.

    .main_color label {
        color: purple;
    }
    
    .main_color .required {
        color: red;
    }

    The first css declaration is for the captcha label and the other is for the asterisk or required symbol. Adjust the color values as needed.

    Best regards,
    Ismael

    #790476

    Thank you!

    #790551

    Hi BobCarey,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.