Okay
  Public Ticket #510090
NECTAR SLIDER
Closed

Comments

  • Rachael started the conversation
    August 24, 2015 at 3:40pm

    Hi there,
    Is it possible to put a solid black semi-transparent box behind with a white border behind the text on the nectar slider? Also is there a way to make it have more padding?
    Thank you

  •  8,987
    Tahir replied
    August 25, 2015 at 5:59pm

    Hey ,

    Could you provide the page url so i can try and write some custom css.

    Thanks

    ThemeNectar Support Team 

  •   Rachael replied privately
  •  8,987
    Tahir replied
    August 26, 2015 at 3:06pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .swiper-slide[data-color-scheme=\"light\"] .content h2, .swiper-slide[data-color-scheme=\"light\"] .content p span{
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.42);
}


.swiper-slide[data-color-scheme=\"dark\"] .content h2, .swiper-slide[data-color-scheme=\"dark\"] .content p span{
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(0, 0, 0, 0.42);
}

    Thanks


    ThemeNectar Support Team 

  • Rachael replied
    August 27, 2015 at 10:07am

    Hi,
    Thanks so much for all your help. The code works, however I was hoping to be able to place 1 big box that the header and paragraph slide content resides in. I think I will hopefully be able to work it out, but if you could please tell me the div to target to add the css to do this that would be fantastic.
    Thank you,
    Rachael

  •  8,987
    Tahir replied
    August 28, 2015 at 1:20am

    Hey,

    Simply left click and Inspect element to find the div. This should help: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .

    Thanks

    ThemeNectar Support Team 

  • Rachael replied
    September 2, 2015 at 9:26am

    Thank you so much for that, I\'ve figured it out. Sorry to take up your time, I really do appreciate the help. I\'ve made the content div 80% width but I can\'t centre it. Is it possible? http://fa3.da3.myftpupload.com/#venue
    thanks again

  •  8,987
    Tahir replied
    September 3, 2015 at 4:29pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .nectar-slider-wrap[data-full-width=\"false\"]:not([data-parallax=\"true\"]) .swiper-slide .content {
    position: fixed;
}

    Thanks


    ThemeNectar Support Team