Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #22220

    Dear team,

    How can we remove the color solid color bg behind the Slider arrows? (from hover as well)

    We would like to keep only the thin arrow (using any given color, say #acacac).

    Thank you again for your continuous support.

    Ps. I’m talking about this bg: http://imageshack.us/photo/my-images/195/screenshot20130418at859.png/

    #114912

    Hi,

    This is the image http://www.kriesi.at/themes/replete/wp-content/themes/replete/images/layout/arrow.png it is located on your server in this folder structure wp-content/themes/replete/images/layout/arrow.png.

    It is a 32 bit PNG 200px by 100px , with 100% transperancy everywhere but the dark solid color that you ask about, which has 0% transparency on there.

    You want to remove the color box and leave the arrow as is. I can do that, but I dont think you realize how faint its gonna be, almost invisible. http://i.imgur.com/GjqCJNS.jpg

    You will need to add the following CSS to either /css/custom.css or to Quick CSS located in Replete > Theme Options > Styling … text area at bottom of that page.

    #top .css_3_hover_container:hover .css_3_hover {
    opacity: 0!important;
    }
    #top .ctrl_previous.css_3_hover_container{
    background-color: rgba(255, 0, 0, 0)!important;
    }
    #top .ctrl_next.css_3_hover_container{
    background-color: rgba(255, 0, 0, 0) !important;
    }

    Thanks,

    Nick

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Remove solid color bg behind Slider arrows’ is closed to new replies.