White introtext before white background

kondrich

Hi,

I have another question regarding CSS: We are often using our logo with a transparent background as a title image of an article. However, the introtext and the read on link of the first article uses white font color in front of white background (the logo image has a transparent background):

It looks better when using a real life picture:

(How) Can I use Custom CSS to overwrite the introtext and the read on link of the first article to be displayed like its heading (black font in front of white background)?
The other way would be to export our logo image with a gray background but we do not really want to do so.

Regards

Klaus

Ninja

kondrich
Hi
Add this code in custom css and change the color as per needs

.mod-articles-category-introtext {color:#000}

This will change the text color to another color and it will visible on white BG.

kondrich

Ninja Great! Thank you very much. It looks much better now.
If I would know all used CSS classes... BTW, how to turn the "read on" link into black, too? What's its name in CSS?

Ninja

kondrich
Hi
here is code

.news-big .readmore a {
    color: #fff;
    border-bottom: 1px solid }

Change the color code as per needs.

kondrich

Thank you very much! Now since I know the correct CSS class, I found a good solution with your hint and template.css:

.news-big .readmore a {
    color: #000;
    border-bottom: 1px solid #ebebeb; }
	.news-big .readmore a:hover, .news-big .readmore a:focus, .news-big .readmore a:active {
      border-bottom: 1px solid rgba(24, 24, 24, 0.7); }