Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #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:



    This is the image 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.

    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;



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

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