Read More Container – Edit color?

[Carol]

I want to edit the “read-more-container” in the Marketer template, and assign color #00C83B

Where can I do that?

Thank you!

[Leo]

Hi there,

Would changing the background color in Customizer > Color > Content work for you?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Carol]

No, there is no option to customize font color of just that one element…

I guess I’ll try to use CSSHero plugin.

Thanks anyway.

[Leo]

Ahh you are trying to change the read more link?

If so try this CSS:

.inside-article a.read-more, .inside-article a.read-more:visited {
    color: #00C83B;
}

Don’t use CSSHero yet.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Carol]

Yes, that worked!! Thank you so much!!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Carol]

Had this set to “Resolved” but something went wonky with this — color is not green anymore.

It shows blue.

The CSS code is:

a.read-more {
color: #00C83B;
font-weight: 600;
font-size: 15px;
}

The problem may be that I have color set to blue for link under customizing content.

However, when this CSS code was first introduced, it did show up as green.

Now it doesn’t.

What do you see?

In preview in customizer in WP, it shows green.

On page it shows blue, but flashes green when you hover.

I cleared browser cache and also cache on my hosting.

Thank you.

Carol

X80Ws+031v45

[Leo]

Can you try the edited code?
https://generatepress.com/forums/topic/read-more-container-edit-color/#post-1024841

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Carol]

PERFECT!

Thank you so much!

🙂

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts