Change Article Listing "Hover" Color - Question | JoomShaper

Change Article Listing "Hover" Color

HC

Helder Custodio

Helix Framework 1 year ago

Good night

I need your help to solve an old issue.

I need to correct a color setting on my site, but I can't find the right way to do it.

I need to change the “Hover” color in the article lists that appear below the blog articles.

The “Hover” link color is set to blue: #044CD0 and I need it to change to dark grey #404040 , if possible adding the underline effect when the mouse hovers over the link.

I've tried the Presets, the colors in the Template, but I've never found the right place because nothing worked. I was always stuck with the blue. Anyawy I think the right place is Theme.css from line 1392 where this sequence appears:

ul.related-article-list { list-style: none; padding: 0; li { margin-bottom: 10px; .article-header { h2 { font-size: 1.2rem; a { color: #252525; &:hover { color: #044CD0 ;

But apparently updating this setting causes a bug.

So, the help I need is how to create an override for this in custom css , because if I try to modify this file the site gives errors.

Thank you

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #173496

Hi there!

Thanks for reaching out.

Template files are not recommended to edit. Please keep your CSS in custom CSS. Here is the guide:

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Kindly give me your site URL with indication of where you have this part. I will try to provide the necessary CSS.

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 11 months ago #174158

Waiting for your reply!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 11 months ago #176090

Hi,

If your issue has been solved already you may accept the most useful answer in order to close the post.

Best Regards

0