Hello. Is there a way to make the custom title and border of this header change color on hover? See here – https://www.screencast.com/t/inT3AkJM
Website – https://bayarearegistry.com/
Hello @michaeldef!
Unfortunately, there is no option for the header title on hover. But, you can use this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS::
.td_block_template_8 .td-block-title a:hover {
color: red!important;}
Hope that helps you!
Thank you!
Thank you! I made the change but I’m not seeing it take effect. Here – https://www.screencast.com/t/qBq09g5J7nHw
Hi,
Please try this custom css -> https://i.imgur.com/i59VRkc.png
body .td_block_template_8 .td-block-title:hover a{
color: red!important;
}
body .td_block_template_8 .td-block-title:hover a:before {
background-color: red!important;
}
I hope this will help you!
Not sure what’s going on. Works in my live css but not in Theme Panel> Custom Code> Custom HTML
I put it in exactly as it appears in the image you sent me. Here – https://imgur.com/a/tgDdHAH
And here is my Grid Block setting (General) – https://imgur.com/a/UaNSl9k
Can anything be overriding the CSS change?
Oops! Got it working. I was placing the code in the Custom Html instead of Custom CSS. Sorry, it works now, note the warning I get in that section. When I hover over the triangle I get the message “Use of – !important.” See here – https://imgur.com/a/RWbjdGA
Hi,
I’m glad that you mange the situation.
That is just an worming that using important is not a good idea because the code can be stronger then the one set using the theme builder, but now this was the idea, to overwrite the style.
Thank you!
