Hi!
I hope you can help? I’ve raised this previously as a future feature request, which is to add a setting to make the Block Header 8 title change accent colour on hover.
In the meantime, do any of you lovely admins know if there is a way to add some CSS to achieve this effect?
Basically, on hover/mouseover I need the Block Header title to change colour. Pretty simple, and it’ll help navigation hugely if people know this is a link to each category! A helpful screenshot is below.
Any ideas gratefully received!
All the best,
Matt
Hi,
You can achieve that using this custom css ->
.td_block_template_8:hover
.td-block-title span {
color: green!important;
}
The code need to be set in theme panel> custom code> custom css.
Also you can change the color.
Thank you!
Hi Calin,
Thanks for this, and it works… slightly!
Only one of the block header’s change – you can see this at: Wise Living Magazine
If you scroll down, you can see that ‘Featured Articles’ has adopted the hover state (yay!) but the remaining Header Block 8’s have not (Health, Money etc as you scroll down).
Any ideas? I’ve checked and these are all Block Header 8 elements…
Many thanks!
matt
Hi,
Please try this custom css this it will be apply on all blocks that have the style 8 for header ->https://i.imgur.com/C1gZaFR.jpg
Replace the above code with this one :
.td_block_template_8:hover .td-block-title *, .td_block_template_8:hover
.td-block-title span {
color: red!important;
}
Thank you!
