Plugin Author
Baden
(@baden03)
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:
http://www.capesperance.fr/version2/?page_id=8
..hope that will help explain where the solution might be hiding.
Plugin Author
Baden
(@baden03)
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:
http://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.
Plugin Author
Baden
(@baden03)
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!
Plugin Author
Baden
(@baden03)
Sweet! I’f your happy and you know it… vote for Pedro!
