"Trending now" text background not keeping color on hover

Posted in: Newspaper
Post count: 8

I have a news ticker element at the top of my home page, and attempted to change the background color. It appears that the background color changed, except for the title, which remained white. I looked at all of the other settings for the element, and couldn’t seem to find a spot to change the color for the title. I tried to add custom CSS to change the title background color, and was successful, but the background color on hover is still white. I am not a CSS expert and cannot figure out what change needs to be made to fix the background color on hover, however ideally I would like the background color that is selected on the element to apply to the entire element, including the title area.

Looking for some assistance in fixing this if possible, any help is appreciated. Please let me know if you require more detail. Thanks!

Post count: 20688

Hi,

I could give you a solution, please provide a link to your website for a more accurate solution. Maybe something like this is what you want to do (style 2 is used)
https://www.screencast.com/t/7JrPADPU
Style 1 may need more modifications to look properly with this code
https://www.screencast.com/t/nM6RPB9J7
This is the code used in the example, if you decide to use it enter it in Theme panel->Custom CSS section

.td_block_trending_now {
background-color:red;
}
.td-trending-now-title {
background-color:blue!important;
color: yellow;
}

Thanks

Post count: 8

That worked perfectly, thanks so much!!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.