text color

[robynmg227]

Hi,

I am unable to alter the text color in a couple parts of my client’s website:

The info in the socket at the bottom will not change to white, despite me selecting #ffffff in the Customizer, and I cannot change the color of the text in text boxes, even though there is an option to do so if you scroll down below the field where you type the text (using Visual Composer).

For example: If you look at this page the lines below the title (Gemma…) should be white, not blue. And then the socket at the bottom also shows how the text is blue instead of white.

On top of this, my paragraph text is showing up in 2 different shades of blue– unintentionally.

Is there a code mis-match somewhere that is preventing me from changing the color of the text to something different to the main theme settings?

Also, how can I make the links underlined? There is no option for that in the Visual Composer text boxes, but older posts that my client did with just the basic WP backend function have links that are underlined.

Thanks!

[Laura]

Hello, try by adding this to style.css of child theme

COPY CODE

#socket p {
    color: white !important;
}

Can you share a screenshot of the other changes?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robynmg227]

Thank you! That helped. It did, however, cause more issues:

1) my fonts defaulted to a serif font, even though all settings are “Roboto Condensed.”
2) when I tried to make my header text white, the links stayed blue– even though header links are set to #ffffff in the customizer

(these 2 things are seen on the attached screen shot)

I also would like the link style/appearance to be underlined. Right now, they are bolded because I cannot figure out how to show the underline. (2 bold links seen in “Screen Shot 2017-10-18 at 1.57.09 PM.png”)

thanks,
Robyn

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, changing the color of a text using css doesnt change the font family, this issue may be related to a custom code or plugin 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robynmg227]

Thank you- yes I realized that after I wrote..

Do you have any insights on my 2nd question? See blue links in the blue rectangle in the attached screen shot..

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try with this css

COPY CODE

.kleo_text_column.wpb_content_element.vc_custom_1508468015054 a {
    color: white !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robynmg227]

Thank you! I unfortunately didn’t see this last message until now, and I found another fix.

I am having another text formatting issue I’d appreciate help with though:

In the top/header navigation, the links are underlined because I used this custom CSS (which obviously applies to the entire site):
a:link {
text-decoration: underline;
}

a:visited {
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

a:active {
text-decoration: underline;

I ONLY want the links within the body of the site to be underlined, not the menu at the top. How do I make this distinction?

Thanks so much!!

[Laura]

Hello, then just add body at all of them, for example:

body a:visited {
text-decoration: underline;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robynmg227]

Hi,

Thanks- but unfortunately that didn’t work. My primary navigation is still underlined. Also, the underline disappears when I rollover the menu items– even though the style is set to:

body a:hover {
text-decoration: underline;
}

One more question, too: in the News thumbnails (“News Focus” module in WP Bakery), the text is black. I’d like to be able to change that color.. How do I do it, as it’s obviously not referencing the theme settings (blue text).

Thank you!

[Laura]

Hello, can you share access so i can check it out better and test some css? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robynmg227]

This reply has been set as private.

[robynmg227]

This reply has been set as private.

[Laura]

Hello, where did you add the codes? i cant find them at the child theme

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robynmg227]

In the theme customizer.

I have the code below, but I have no code that refers to the navigation itself.

body a:link {
text-decoration: underline;
}

body a:visited {
text-decoration: underline;
}

body a:hover {
text-decoration: underline;
}

body a:active {
text-decoration: underline;
}

Thanks!

[Laura]

Hello, i see, change body fo #main and see if that resolves it 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[robynmg227]

Yes! Thank you! It worked 🙂

[Laura]

Happy to help 🙂
If you didn’t already please rate us 5 stars at theme forest 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts