Okay
  Public Ticket #244884
How do you remove the background color of the previous and next arrows on the home slider?
Closed

Comments

  • Rajesh started the conversation

    How do you remove the background color of the previous and next arrows on the home slider?

    The image that comes with the theme has a background color, but we replaced it with a transparent png. It looks like one of the accent colors is automatically getting applied on the back/next arrows. Do you have a line of code for disabling the background color?

  •  8,448
    Tahir replied

    Please provide site url so i can inspect element in browser and see which css selector is causing the issue. 

    Thanks


    ThemeNectar Support Team 

  • Rajesh replied

    www.freshdesign.com

  • Rajesh replied

    Also Tahir, how do you control the width of the div that holds the text in the slides? I would like to make it a bit wider so that the text does not wrap into three lines.

  •  8,448
    Tahir replied

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :

    body .orbit-wrapper div.slider-nav span.left , body .orbit-wrapper div.slider-nav span.right {
        background-color: rgba(255, 255, 255, 0) !important;
    }
    
    
    body #featured .orbit-slide.centered article .post-title h2 {
        max-width: 760px !important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Rajesh replied

    Perfect!!
    Thanks.