WordPress.org

Ready to get started?Download WordPress

Forums

Collapse-O-Matic
[resolved] Arrow behavior on hover. (10 posts)

  1. pixelpressing
    Member
    Posted 1 year ago #

    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
    2. http://i46.tinypic.com/352mdrm.jpg

    Hope for answer,
    Einars

    http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

  2. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. pixelpressing
    Member
    Posted 1 year ago #

    Here is the link:

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

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

  4. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    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;
    }
  5. pixelpressing
    Member
    Posted 1 year ago #

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

  6. pixelpressing
    Member
    Posted 1 year ago #

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

  7. pixelpressing
    Member
    Posted 1 year ago #

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

  8. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  9. pixelpressing
    Member
    Posted 1 year ago #

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

    Thank you very much!

  10. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    Sweet! I'f your happy and you know it... vote for Pedro!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic