Site logo

Archived topic

Read More button styling not customizing

8 replies · Started by Craig on September 17, 2021

Viewing posts 1–9 of 9

I added the code snippet to activate the Read More button on the blog with the excerpt, but the button is gray with white text. I changed the button colors in the customizer - nothing happened. I then added the following custom CSS:

a.read-more.button {
float: right;
padding:0;
border-bottom: 2px solid green;
color: green;
background-color: transparent;
}
a.read-more.button:hover {
color: black;
}

Which I grabbed from this forum - still nothing.

I always delete the cache and view in a private browser. I'm using GeneratePress with Elementor and I know I'm missing something. Can someone please direct me?

Absolutely, thank you very much.

Thanks to your screenshot, it's working perfectly. For some reason, even though I cleared the cache and tested on two different browsers in private mode (Edge and Firefox) it still displays gray/white for me. Guess I just need to wait, as it's clearly working just fine.

Thank you, Ying!

Ying, would you please log out of the WordPress Admin and check the page and see if it still has the colors that are set?

The buttons look good with the right colors chosen in the Customizer but out of the Customizer, it seems to revert to the gray/white.

I've logged out and tested in an incognito window:
https://www.screencast.com/t/L0HvwFdJaTHW

The buttons look good with the right colors chosen in the Customizer but out of the Customizer, it seems to revert to the gray/white.

Usually it's an cache issue if it works in customizer not on front end.

Thanks Ying - greatly appreciated. I guess I needed that independent confirmation. Many thanks.

You are welcome :)

This archived topic is closed to new replies.