Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 27, 2017 at 5:37 am #783785
    BobCarey

    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

    April 29, 2017 at 4:05 pm #784990
    Victoria

    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

    April 29, 2017 at 7:30 pm #785083
    BobCarey

    It worked. Thanks!

    April 29, 2017 at 8:00 pm #785090
    BobCarey

    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;
    }

    April 29, 2017 at 8:55 pm #785098
    Mike

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

    Best regards,
    Mike

    April 29, 2017 at 10:23 pm #785113
    BobCarey

    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

    April 29, 2017 at 11:04 pm #785120
    Mike

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

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

    Best regards,
    Mike

    April 30, 2017 at 1:59 am #785141
    BobCarey

    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

    April 30, 2017 at 2:30 am #785154
    Mike

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

    
.value_verifier_label {color: #666666}

    Best regards,
    Mike

    May 7, 2017 at 7:47 am #789042
    BobCarey

    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 6 years, 12 months ago by BobCarey.
    May 7, 2017 at 8:57 pm #789181
    Victoria

    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

    May 8, 2017 at 5:25 pm #789725
    BobCarey

    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

    May 9, 2017 at 8:01 am #790050
    Ismael

    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

    May 9, 2017 at 5:39 pm #790476
    BobCarey

    Thank you!

    May 9, 2017 at 8:12 pm #790551
    Victoria

    Hi BobCarey,

    Glad we could help :)

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

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