WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Arrow behavior on hover.

[Resolved] Arrow behavior on hover.

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

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

    pixelpressing
    Member

    @pixelpressing

    Here is the link:

    Support Forums

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

    Plugin Author Baden
    Participant

    @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;
    }
    pixelpressing
    Member

    @pixelpressing

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

    pixelpressing
    Member

    @pixelpressing

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

    pixelpressing
    Member

    @pixelpressing

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

    Plugin Author Baden
    Participant

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

    pixelpressing
    Member

    @pixelpressing

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

    Thank you very much!

    Plugin Author Baden
    Participant

    @baden03

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

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