Module 6/Module Wrap: Hover Color?

Hi,

On my website footer (example), I’m displaying recent posts using a tagDiv block and have edited the CSS file(s) to try and get the desired colour effect i.e.:

a - #fff
a:hover - #cd5c5c

When the cursor is over the wider div, however, the hover color becomes #b00000. While it’s not the most important thing in the world, I’m not sure how to change this?

It seems to be caused by this CSS element:
.td_module_wrap:hover .entry-title a

This has the color #b00000 and is active when selecting hover in Google Developer Tools on the div
td_module_6 td_module_wrap td-animation-stack

This CSS is showing as coming from
(index)

The changes made to the CSS stylesheets not showing at all. I’ve purged the cache to no effect. Can anyone advise on how I can either amend the CSS or change the theme settings to get the desired hover color?

I hope this makes sense!

This works fine. However, I can see that a div class is applying a :hover colour of #b00000 when the cursor is over the

.td_module_wrap:hover .entry-title a,

• This topic was modified 5 years by boroguide. Reason: formatting

Hi Calin,

The hover colour when the cursor is on the link text (and turns to pointer hand) is:
#cd5c5c

But the colour when the cursor (arrow) is elsewhere on the div, like in your example, is:
#b00000

That is what seems to be present in your screenshot and what I see (in Incognito mode). Let me know if you need any further help – I appreciate my explanation may not be good.

Thanks.

That’s got it, thanks!