Hi! I’m using blog raster layout and I want to change the title color when you hover the image. I tried:
a.slide-image:hover h3.slide-entry-title.entry-title {
color: #d62548 !important;
}
But it doesnt do anything. Can you help me?
Thanks a lot! Janneke
Hey jannnnnneke,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top article.slide-entry:hover .slide-content .entry-content-header a {
color: #d62548;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks! But now the title is getting pink when you hover the whole blog square. But the square is not everywhere clickable, so now it looks like you can click on the excerpt for example, but that is not possible. So I only want the title to be pink when you hover the image. Not the whole square.
OR is it possible to make the whole blog square clickable? That would be even better!
Hi jannnnnneke,
Please try this code:
#top article.slide-entry .slide-image:hover + .slide-content .entry-content-header a {
color: #d62548;
}
Most likely, it’s not going to work, since the slide title is a sibling, not a child element.
You need to remove the other code first.
Best regards,
Victoria
Hi Victoria,
Is it also possible to make the whole slide-entry clickable?
Hi jannnnnneke,
This is not a css fix and will require making changes in the php files.
Best regards,
Victoria