-
Posts
-
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
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,
VictoriaI 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;
}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
Hi,
Oh, I was looking at the wrong thing :).main_color #element_avia_6_1 { color: #ffffff !important; }
Best regards,
MikeHello 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
Hi,
Sorry I should have seen that, add this:.value_verifier_label {color: #666666}Best regards,
MikeHello,
I moved the site to a new host.
Unfortunately, the white disappeared.
Please note the asterisk changed color in Firefox.
In FirefoxIn chrome: In Chrome
Here’s what the CSS quick inside Enfold looks like:
http://robertlcarey.com/Enfoldphotos/Code-in-Enfold.jpgHow to fix?
Thank you,
Bob
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,
VictoriaHello 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
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
- You must be logged in to reply to this topic.