Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #14083

    Hi, I’m interested in making the arrows on the right and left of my product slider on the home page to be showing all the time. Right now it just goes opaque when I hover over the slider.

    I tried putting this css in my custom.css file, but it didn’t work. Any ideas? Thank you for your help….

    .slide_controls a{

    opacity: 1 !important;

    }

    Roland

    #82029

    my website URL is http://www.itsartbygolly.com

    thanks.

    #82030

    Hi rwongaz,

    Try to add this code:

    .ctrl_arrow {
    opacity: 1 !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #82031

    Hmm, didn’t seem to work Ismael… These classes I used below seem to be more directly tied into those navigational arrows, but they still don’t work for me. Any more ideas? Thanks so much for you help.

    .arrow_controll.arrow_controll_prev{

    opacity:1 !important;

    visibility: visible;

    }

    .arrow_controll.arrow_controll_next{

    opacity:1 !important;

    visibility: visible;

    }

    #82032

    Hi rwongaz,

    I think I was looking at the wrong slider controls. Try to add this code:

    .shop_slider_yes > div {
    opacity: 1 !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #82033

    Ismael, that worked great! Thanks so much. Working with this slider, I have noticed a little bug that you might know how to repair? Can you look at my product slider and you will notice the first item that is listed, on the left. It doesn’t offer the hover controls to “add to cart” or “see details”. It doesn’t matter what product it is…it’s always that 1st product on that 1st column that doesn’t work. Any ideas? Thanks again,

    Roland

    http://itsartbygolly.com/

    #82034

    Hi Roland,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top.home .thumbnail_container .button {
    z-index: 3;
    }

    Regards,

    Devin

    #82035

    Devin and Ismael, you guys are great, the product slider is working perfectly now. Thanks so much for your help on this great theme.

    #82036

    Hi rwongaz,

    Glad that we could help you. :)

    Cheers,

    Ismael

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

The topic ‘arrows opacity on product slider’ is closed to new replies.