Arrow behavior on hover.

Can you provide a link to the page? Screenshots of your css and the results are not very helpful in understanding what exactly is going on.

Here is the link:

https://www.capesperance.fr/version2/?page_id=8

..hope that will help explain where the solution might be hiding.

try adding the colomat-hover class to your collapseomatic arrow definition like so:

.collapseomatic, .colomat-hover {
	background-image: url(/version2/wp-content/themes/simple-catch/images/arrow-down2.png) !important;
	background-position: center bottom;
	padding-bottom: 30px !important;
}

Ok, it worked, great, thanks man!
It works but I’m interested to understand too, cause I’m quite new to css.
Why I should add the colomat-hover class to collapseomatic arrow definition? technically..

And:
I changed arrows color on hover – it works, but get little confused cause there are two arrow types without hover – up and down. And there is just one class – colomat-hover – where normally I can put just one arrow type. You can see it here:
https://www.capesperance.fr/version2/?page_id=8

The problem is that when I expand and then hover on a trigger there is this first image – arrow-down. So is there a way somehow to put second image for class colomat-hover???

for when I hover on expanded parts trigger there appears arrow-up.
Hope I explained comprehensively my issue.

Happy to help, but this is basic css. What you need to do is define the background image for when the element has BOTH colomat-hover AND colomat-close classes like so:

.colomat-hover.colomat-close{
   //the good stuff goes here
}

BAM! Let us know how that works for you.

Thanx! Works like a charm!
Now I agree, this topic is RESOLVED!

Thank you very much!

Sweet! I’f your happy and you know it… vote for Pedro!