Site logo

Archived topic

How do I make link colours on home/category pages different to post pages

11 replies · Started by Simon on June 12, 2022

Viewing posts 1–12 of 12

Hi,

Very new to this. In the customiser> colours> content, I changed the link colour to blue which makes my links in the post blue which is good. However, it also makes my blog titles and "Read more" links on the home page and category pages blue too which I would prefer to keep black. I read in a previous post I needed to add to the css. What exactly do I need to do to?

Hi Simon,

I see. Here’s a CSS you may try adding in Appearance > Customize > Additional CSS to change the color of the read more text:

.entry-summary a.read-more {
    color: #000;
}

Kindly let us know how it goes. If it doesn’t work, may you provide the link to the site in question?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon. :)

Hi Fernando, I added the lines at the end of the Additional CSS entry window and it did nothing. I also cannot find the previous post about changing the link colours of the blog post title links on the home page again. Can you please help me with that too?

I can't supply the link to the website as I actually haven't launched it yet.

Hi Fernando, actually the read more text is now black so it did work! Just the second part of my question I just need to fix now.

I see. Glad that worked.

With regards to the color of the archive titles, including the homepage, you may modify it through Appearance > Customize > Colors > Content > Archive Content Title.

See: https://share.getcloudapp.com/E0uyb0Z5

Hope this helps! If you’re referring to something else, kindly let us know.

I tried that but it doesn't work. The blog titles which are also links do not change colour when I change the Archive Content Title option. Any other ways of fixing it?

I see. Perhaps you have a custom CSS or a plugin or another setting causing this?

We can’t say for sure without seeing the site.

Can you try adding this CSS in Appearance > Customize > Additional CSS?

.home.blog .entry-header .entry-title > a {
    color: rgb(255,0,0);
}

This code would alter the title of posts in your home/blog page. Kindly replace (255,0,0) with your preferred color code.

Kindly let us know how it goes.

Hi Fernando,

I still have been unable to changing the font colour of the titles on the home page without changing the colour of all the links in my posts as I would like the home page titles to be black but my links in my articles to be blue. The titles on my category pages are the right colour though. Can you please help? My website is http://www.aussiesintheuk.com

Hi Simon,

Can you try this CSS?:

.home .wp-show-posts-entry-title a {
    color: #000;
}

.home .wp-show-posts-entry-title a:hover {
    color: #009900;
}

Thanks you fixed it!

a

You're welcome Simon!

This archived topic is closed to new replies.