Before you ask please READ THIS

Big icons

edited October 2014 in Blame Posts: 44
How to disable the icon hover. The hover looks Its misleading for a click.

Comments

  • AirAir
    Posts: 10,970
    kingcontent said: How to disable the icon hover
    What icons? Please show on screen shot.
    kingcontent said: The hover looks Its misleading for a click.
    For you or for most of your users?

    With regards.
  • When you pass the mouse over it, it changes from white background to blue background. This feature mislead for someone to click. How can I disable the hover
    Screenshot at Oct 07 09-50-12.png
    946 x 193 - 13K
  • AirAir
    Posts: 10,970
    I understand now, and you are right.
    To disable it you will have to remove lot of CSS, or only this one that you use.

    In style.css file line ~4000
    remove this:
    
    .title-icon:hover{
        background-color: #D3AC13;
        border-color: transparent;
        color: #fff;
        -webkit-transform: scale(1.2) translateZ(0.1px);
        -ms-transform: scale(1.2);/* IE 9 */
        transform: scale(1.2) translateZ(0.1px);
    }
    and also in block under above code, which starts with:

    i.a13-icon-blue{ color: #5472d2; }
    i.a13-icon-blue:hover{ background-color: #5472d2; }
    and ends with:

    i.a13-icon-white{ color: #ffffff; }
    i.a13-icon-white:hover{ background-color: #ffffff; color: #222; }
    remove every line with :hover.

    In next update I will add option to disable hover on this element.

    With regards.
  • I don't think I want to mess up with the code. Ill wait until your next update.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!