-
Posts
-
Hi Guys,
I’m developping a customly styled masonry portfolio. I’m quite happy with the result but there’s a finishing touch i can’t get right.
On hover of the masonry element the background of the title part changes, but the arrow remains the same color as not hovered. This results in an ugly square that has a diffrent color. I’ve tried many things in css and this is my last effort:.av-inner-masonry:hover ~ .main_color .avia-arrow:hover {
background-color: black !important;
}Kind regards!
Hi lucasvrooij,
What happens if you remove .main_color?
.av-inner-masonry:hover ~ .avia-arrow:hover { background-color: black !important; }Best regards,
RikardHi Rikard,
Thanks for your reply.
I wish i could say thanks, problem solved! But unfortunantly your suggestion didn’t work. Maybe because of the order in wich elements are structured it’s simply impossible to do this?
Kind regards,
Lucas van RooijHi!
Please use following code instead
.av-inner-masonry:hover .avia-arrow { background-color: black!important; }Best regards,
YigitHello Yigit,
Thank you! your code gives the arrow the right colour, the only problem is there is a delay in the changing of the color. Again i tried a bunch of code but didn’t get it to work right. See the first post for the page that contains the masonry.
Kind regards.
- You must be logged in to reply to this topic.