[Resolved] CSS for Blog Title Links Only

[Danny]

Hello, I would like to override the color of the blog title links from green to #000033. I prefer not to change the color of link and link hover in GP customizing content as I would those colors to apply to the rest of the website.

Link to section:
link to section

GeneratePress 2.1.4

GP Premium 1.7.2

[Leo]

Hi there,

Have you tried Colors > Content > H2? Or that doens’t work?

If it doesn’t work can you disable the caching plugin so I can see the source of the code?

Thanks!

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

[Danny]

That doesn’t work. I disabled Wprocket and Cloudflare is in development mode.

[Leo]

Looks like it’s working for me?
https://www.screencast.com/t/owTLRAvY

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

[Danny]

To clarify, the H2 title is also a link. Therefore, GP is treating the title as a link and underlining the hyperlink in green. I would like the underline to be the same color as the title.

[Tom]

What about “Customize > Colors > Content > Blog Post Title”?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Danny]

I have both Blog Post Title and Blog Post Title Hover set to the dark blue color but it applies the color from Link Hover which is a light green.

[Tom]

Ah, they’re not GP posts.

Try this:

.inside-article a.ee-post__title:hover {
    color: darkblue;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Danny]

That works, thanks! How may I style the underline to be a couple of points thicker?A quick question, if I use WP Show Posts, would that be a better solution?

[Leo]

Hmm it’s currently using underline so not possible to change the thickness:

.entry-content a:not(.ee-button-wrapper):hover {
    text-decoration: underline;
}

You could try border-bottom but it won’t be the same effect as you some of the titles are in two lines. Probably worth checking with Elementor to see if they have another solution.

I’m not sure what you mean? The current solution looks fine to me?

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

[Danny]

Hello, how may I style this element to be blue as well: <span class=”elementor-icon-list-text”>sample text</span>

[Leo]

Shouldn’t need to use CSS if it’s from Elementor.

Have you checked with their support?

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

[Danny]

To clarify, on hover the gp style is being applied. I would like to override on hover to be darkblue.

[Leo]

Is this related to Blog title as the title suggested?

If not can you open a new topic and link me to the page in question?

Thanks!

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

[Author]

Posts