Archived topic
hover colour does not work on content template block
3 replies · Started by Ian on September 8, 2021
Although I've added hover colours to the content template for the title and the buttons that are connected dynamically the hover effect does not seem to work?
Hi Ian,
The hover effect set on GB won't work for the buttons and other contents if the Container has a set link because it's anchor tag placed to turn the whole container into a link overlaps over the contents of the container.
If you want to keep the redundant link placed to the card and the read more button + its hover effects, you may have to write the CSS manually.
First, you'll have to assign CSS classes to each part of the content template layout.
Example: adding "read-more" class to the read more button you've placed.
You then style its hover state with this CSS:
article.dynamic-content-template:hover .read-more a {
color: black;
background-color: white;
}
It's the same idea for the rest of the blocks, you just need to replace the class selector. :D
Thanks Elvin, I'll give that a go.
No problem. Let us know how it goes. :D