Title: Arrow behavior on hover.
Last modified: August 20, 2016

---

# Arrow behavior on hover.

 *  Resolved [pixelpressing](https://wordpress.org/support/users/pixelpressing/)
 * (@pixelpressing)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/)
 * Hi,
 * As you can see in the second link everything works fine except that the small
   arrow changes it’s position on hover and I don’t want it to be so..
    Havent touched
   light style.css, only my own css. **How to control arrows position on hover?**
 * My css properties are in first link:
    And the situation explained visually in
   second link: 1. [http://i46.tinypic.com/2mg4n7r.jpg](http://i46.tinypic.com/2mg4n7r.jpg)
   2. [http://i46.tinypic.com/352mdrm.jpg](http://i46.tinypic.com/352mdrm.jpg)
 * Hope for answer,
    Einars
 * [http://wordpress.org/extend/plugins/jquery-collapse-o-matic/](http://wordpress.org/extend/plugins/jquery-collapse-o-matic/)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3476999)
 * 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.
 *  Thread Starter [pixelpressing](https://wordpress.org/support/users/pixelpressing/)
 * (@pixelpressing)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477007)
 * Here is the link:
 * [http://www.capesperance.fr/version2/?page_id=8](http://www.capesperance.fr/version2/?page_id=8)
 * ..hope that will help explain where the solution might be hiding.
 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477008)
 * 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;
       }
       ```
   
 *  Thread Starter [pixelpressing](https://wordpress.org/support/users/pixelpressing/)
 * (@pixelpressing)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477014)
 * 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..
 *  Thread Starter [pixelpressing](https://wordpress.org/support/users/pixelpressing/)
 * (@pixelpressing)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477015)
 * 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](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???
 *  Thread Starter [pixelpressing](https://wordpress.org/support/users/pixelpressing/)
 * (@pixelpressing)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477016)
 * for when I hover on expanded parts trigger there appears arrow-up.
    Hope I explained
   comprehensively my issue.
 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477024)
 * Happy to help, but this is [basic css](http://www.bennadel.com/blog/680-Defining-A-CSS-Selector-That-Requires-A-Multi-Class-Union.htm).
   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.
 *  Thread Starter [pixelpressing](https://wordpress.org/support/users/pixelpressing/)
 * (@pixelpressing)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477028)
 * Thanx! Works like a charm!
    Now I agree, this topic is RESOLVED!
 * Thank you very much!
 *  Plugin Author [Baden](https://wordpress.org/support/users/baden03/)
 * (@baden03)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477029)
 * Sweet! I’f your happy and you know it… [vote for Pedro](http://wordpress.org/support/view/plugin-reviews/jquery-collapse-o-matic)!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Arrow behavior on hover.’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/jquery-collapse-o-matic_fffeff.svg)
 * [Collapse-O-Matic](https://wordpress.org/plugins/jquery-collapse-o-matic/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jquery-collapse-o-matic/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jquery-collapse-o-matic/)
 * [Active Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jquery-collapse-o-matic/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jquery-collapse-o-matic/reviews/)

## Tags

 * [arrow](https://wordpress.org/support/topic-tag/arrow/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)

 * 9 replies
 * 2 participants
 * Last reply from: [Baden](https://wordpress.org/support/users/baden03/)
 * Last activity: [13 years, 3 months ago](https://wordpress.org/support/topic/arrow-behavior-on-hover/#post-3477029)
 * Status: resolved