changing text color for kleo post and kleo post carousel

[wilhalphoto]

Hi,

I tried changing the color for these two elements through Appearance/Customize menu option but not successful. It keeps on showing the old/standard dark-greying color.

Please let me know how to change them. Thank you!
-Will

[Laura]

Hello, can you share a screenshot and which color code?

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 🙂

[wilhalphoto]

Screenshot is attached. And the text-color I would like to change are:
KLEO Post:
– story title: Navigating Adolescence —> to WHITE (ffffff)
– snippet: “It’s Friday afternoon . . .” —> to Off-White (c1c1c1)
KLEO Post Carousel:
– the snippets underneath four post carousels —> to Off-White (c1c1c1)

Thanks!
-Will

Attachments:

You must be logged in to view attached files.

[Laura]

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

COPY CODE

h3.post-title.entry-title a {
    color: white !important;
}
.entry-summary p {
    color: #c1c1c1 !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 🙂

[wilhalphoto]

Thanks! But, now I realize there are more to change:

1. Main Text of the post itself
–> example: http://www.storyburgh.org/R1/curated/2017/04/22/the-power-to-save-lives

2. The titles of posts (see attached file) such as –> “Escaping Homeland..” and “Humanitarian Spotlight. . . ”

3. Color of the linked-URL when it is hovered –> see attached “Read More Human Civil…”

Thanks!

PS: it seems that Appearance/Customize/Style menu is not functional, right?

Attachments:

You must be logged in to view attached files.

[wilhalphoto]

Sorry, i forgot to specify the colors:
– for #1, color code #818181
– for #2, color code white
– for #3, color code yellow

thanks Laura!
-Will

[Laura]

Hello, for 1, do you mean “The Power to Save Lives” ?
For the rest can you send a link directly to it?

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 🙂

[wilhalphoto]

Hi Laura,

Yes, in that “The Power to Save Lives” article/post, the main text is too light –> I would like to change the color to #818181

And URL for #2 and #3 are http://www.storyburgh.org/R1/impact/human-civil-rights
but this similar format/template is used multiple times in my website.

thanks!
-Will

[Laura]

Try by adding this to style.css of child theme

COPY CODE

.article-content p {
    color: #818181 !important;
}
h3.post-title.entry-title a {
    color: white !important;
}
h3 em:hover {
    color: yellow !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 🙂

[wilhalphoto]

Hi Laura,

The first one somehow is no longer necessary. Today when I browsed the articles, they already show the correct text color. Probably something was amiss in the previous WP update.

But, the two h3 codes are not quite working.
This http://www.storyburgh.org/R1/impact/human-civil-rights is a portfolio item, so probably it requires a different coding?
I could’ve added the codes inside the local css in the portfolio item itself (and they work), but I have plenty of portfolio items (and am planning to add a lot more). So I would rather have css codes that work globally for these portfolio items, if possible.

Thank you!
-Will

[Laura]

Hello, if the code works try adding it to quick css as it might be a cache issue

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 🙂

[wilhalphoto]

quick css is the one under Appearance/Customize/Edit CSS menu, right?

What’s the difference between place the code in that above and in the stylesheet.css?

thanks!
-Will

[Laura]

Hello, yes, the different is that quick css is not affected by the cache

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