Change related articles' font colour

Posted in: Newspaper
Post count: 21

Hi,

I’ve been trying to figure this one out for quite some time. By changing the theme colours in “theme panel” i should be able to change the default background AND font colours. For some strange reason that doesn’t work for the “Related articles” box in posts: http://eu-uutiset.fi/wp-content/uploads/2017/05/theme-colors.jpg

Is there anywhere else that font colour can be changed (that I might have accidentally set), should it be white, or might there be a misconfiguration in the theme? I’ve searched through all of the colour settings in my theme panel, but haven’t come up with any results. I use no external or added css that should interfere with the header font colours.

The font colour works flawlessly everywhere else than in the “Related articles” header.

Post count: 22421

Hello,

Not all blocks can be handled individually in our theme. The related articles color is grabbed from the theme accent color you set here: https://www.screencast.com/t/j19gs2osq This color will be grabbed by multiple elements on your site including links, hover colors and block/widget titles.
If you need further customization to the related articles element, you will need to use css to customize the colors for this block in particular. Please let us know if you need to customize the related articles element and specify how you want it so we can provide the proper code.

Thank you!

Post count: 21

Hi,

Thanks for fast answer.

I have a hard time understanding that the related articles header colour is grabbed from the accent colour when the related articles’ header background colour corresponds to the headers background colour (#003399) and changes accordingly. (It would even be illogical to have it grab it’s colour from accent since people probably would like that to correspond to the site’s colours hence links and hover colour could blend into the background in f. ex. menus.)

The issue is that the headers text colour doesn’t change, but remains white regardless of what I set the headers text colour to and as you see from my image: accent colour is set to blue (#002aff), and text is still white.

Anyway: I would like the font colour in the “Related articles” box to be set to #ffcc00.

Post count: 22421

Hi,

The color setting work like this.
If you have no other color selected for the heading background, the related articles and other blocks will grab the color from the theme accent color.
If you set a headers background color and text color, they will grab the color from there, not the theme accent anymore.
The related articles though does not grab the color as it has 2 colors. A black one for the non-active element and a white color for the active element.
If you want to change the color of the active element, please use this css code in the theme panel-> custm css box to change the related articles header text color:
.td_block_template_1 .td-related-title .td-cur-simple-item{
color: #ffcc00!important;
}

Thank you!

Post count: 21

Hi,

Thanks for the extensive explanation and the CSS code. Colour of the text is now changed and site is very happy.

Best regards,
Trond

  • This reply was modified 9 years by EU-uutiset. Reason: typo
Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.