A:hover color not changing

HTML & CSS
1

Hello,

I am having another issue with my subpages.

https://seo.wrestleview.com/misc-news/122298-wow-women-of-wrestling-debuts-tonight-on-axs-tv/

On the right side I do not want any mouse over, I want it to be white, same as the link. Screenshot below:

1076×724 177 KB

Thanks in advance.

2

.td_module_6 .entry-title a{ color: #FFF; }
Yes, you havent changed the behavior of a:hover.

3

It’s the same problem I mentioned in the other thread and its the action of hovering on the parent block that is changing the color of the anchor. You can test this as you can hover on the background and the anchor changes color.

This is the rule that is styling that block and many others.

.td-theme-wrap .td_uid_7_5c4f36645033e_rand .td_module_wrap:hover .entry-title a,  
.td-theme-wrap .td_uid_7_5c4f36645033e_rand .td_quote_on_blocks,  
.td-theme-wrap .td_uid_7_5c4f36645033e_rand .td-opacity-cat .td-post-category:hover,  
.td-theme-wrap .td_uid_7_5c4f36645033e_rand .td-opacity-read .td-read-more a:hover,  
.td-theme-wrap .td_uid_7_5c4f36645033e_rand .td-opacity-author .td-post-author-name a:hover,  
.td-theme-wrap .td_uid_7_5c4f36645033e_rand .td-instagram-user a {
	color: #c72020;
}

Specifically for the section you highlighted above it’s part of this rule:

.td-theme-wrap .td_uid_7_5c4f36645033e_rand .td_module_wrap:hover .entry-title a {
	color: #fff;
}

If you want to change all those others to white then include the whole block from the first snippet.

As I mentioned before these long chains of selectors make maintenance a nightmare and is not a good approach to a modular design. The simpler things are the easier they are to maintain and update.

2 Likes
4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.