Support » Plugin: Collapse-O-Matic » Arrow behavior on hover.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Baden


    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:

    Support Forums

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

    Plugin Author Baden


    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..

    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:

    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


    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:

       //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


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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Arrow behavior on hover.’ is closed to new replies.