Block 11 Category Hover State

Posted in: Newspaper
Post count: 22

Hi,

I wish to make the black background that appears at the category when hovered into a transparent background.
Please see link: https://imgur.com/a/HIqJB

Thanks!

Post count: 20688

Hi,

So you would like to remove the background only on hover. You could try a code like this one for example, it will remove the background color when hovered and color the link as you wish (a color would be necessary because the font will not be visible with no background). The result will be like this
https://www.screencast.com/t/sQWS5FJ68b

.td-post-category:hover {
background-color:transparent;
color: blue;
}

Thanks

Post count: 22

Hello Simion,

The other blocks which i used – when hovered, there is a very light fading effect. Please see link: https://imgur.com/a/DjAvV

Only the one which i showed you in my previous post has a black background when hovered.

Can I achieve the very light fading effect like the rest of the blocks please?

Post count: 20688

Hi,

That would be possible, but I would need to know for which elements you want this. The code I provided is general, it should be like this to affect only block 11
https://www.screencast.com/t/4TRbTMMdT4
The effect you mention is opacity, I could add the same value to this code. This way when the tag is hovered the background will disappear, the text will be of the color you set in the code and also the opacity will be visible

.td_block_11 .td-post-category:hover {
background-color:transparent;
opacity: 0.7;
color: blue;
}

Using this code the default state of the tag will not be affected, only when hovered it will take effect. I believe that is what you wanted. Let me know if the code should be modified or I am misunderstanding something.

Thanks

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