New Landing How can we help? Themeforest Theme Support Neighborhood Slider Revolution Arrows

Viewing 6 posts - 1 through 6 (of 6 total)
  • #305270
    10foldDigital
    Member
    Post count: 86

    Hi,

    I can’t get arrows to display in slider revolution. I have arrows enabled, updated slider revolution to the latest version and have tried all CSS that have been posted in previous posts. I can click the area where the arrows should be, but can’t make them visible.

    Thanks

    Andrew

    #305375
    David Martin – Support
    Moderator
    Post count: 20834

    Hi Andrew,

    Seems like Slider Rev’ is overriding our styles.

    Please add this to Theme Options => Custom CSS:

    .rev_slider_wrapper .tp-rightarrow, .rev_slider_wrapper .tp-rightarrow.large, .rev_slider_wrapper .tp-rightarrow.square, .rev_slider_wrapper .tp-rightarrow.round, .rev_slider_wrapper .tp-rightarrow.default,
    .rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-leftarrow.large, .rev_slider_wrapper .tp-leftarrow.square, .rev_slider_wrapper .tp-leftarrow.round, .rev_slider_wrapper .tp-leftarrow.default{
      opacity: 1;
    }

    I also amended your styles:

    #305445
    10foldDigital
    Member
    Post count: 86

    Perfect! Thanks David. How can I add an opacity of 50% with a mouse over of 100% to them via CSS?

    Thanks

    Andrew

    #305585
    David Martin – Support
    Moderator
    Post count: 20834

    Hi Andrew,

    This should do it:

    .rev_slider_wrapper .tp-rightarrow, .rev_slider_wrapper .tp-rightarrow.large, .rev_slider_wrapper .tp-rightarrow.square, .rev_slider_wrapper .tp-rightarrow.round, .rev_slider_wrapper .tp-rightarrow.default,
    .rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-leftarrow.large, .rev_slider_wrapper .tp-leftarrow.square, .rev_slider_wrapper .tp-leftarrow.round, .rev_slider_wrapper .tp-leftarrow.default{
      opacity: 0.5;
    }
    .rev_slider_wrapper .tp-rightarrow:hover, .rev_slider_wrapper .tp-rightarrow.large:hover, .rev_slider_wrapper .tp-rightarrow.square:hover, .rev_slider_wrapper .tp-rightarrow.round:hover, .rev_slider_wrapper .tp-rightarrow.default:hover,
    .rev_slider_wrapper .tp-leftarrow:hover, .rev_slider_wrapper .tp-leftarrow.large:hover, .rev_slider_wrapper .tp-leftarrow.square:hover, .rev_slider_wrapper .tp-leftarrow.round:hover, .rev_slider_wrapper .tp-leftarrow.default:hover {
      opacity: 1;
    }
    
    
    #305952
    10foldDigital
    Member
    Post count: 86

    Perfect, thanks David.

    Cheers

    Andrew

    #305956
    David Martin – Support
    Moderator
    Post count: 20834

    Glad to help you!

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

You must be logged in to reply to this topic.