Okay
  Public Ticket #1251078
Transparent background on nectar slider with parallax effect
Closed

Comments

  • Andreas started the conversation

    Hi, I love the theme so far. I hope you can help me out.

    I've been searching around for this for a while now. I've put a nectar slider with one .png inside a row with a background image. That worked fine. Now, when I choose the parallax slider option for the nectar slider, I get a black background on my slider.

    http://mhdtuning.com/

    This was also addressed in another ticket and you provided some custom css which I've added. But I'm still getting the black background.

    body .swiper-slide, body .swiper-container {
      background-color: transparent!important;
    }

    I'm probably missing something. Hope you can halp.

    Cheers

  •  9,013
    Tahir replied

    Hey, 

    The Body Color is set to black : http://prntscr.com/fzkvjj .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body .swiper-slide, body .swiper-container {
        background-color: #2c363b !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Andreas replied

    Hey Tahir,

    Wow, that was quick!

    Thanks, but that just changed the slider's background color to my site's default background color. 

    I'm sorry, I probably didn't make myself clear enough: I actually want to see the background image of the row that the nectar slider sits in. There's an image of a car that I want to be seen behind the slider.

    When I turn off the parallax effect it works and looks like in the attached image, but as soon as I turn it on...

    I still have this in my custom css, but it doesn't seem to do anything:

    body .swiper-slide, body .swiper-container {
      background-color: transparent !important;
    }

    Cheers

  •  9,013
    Tahir replied

    Hey Again,

    I understand , When you turn on Parallax the Nectar Slider html code moves outside the main page container wrapper so the Row Background wont show . 

    Be.st


    ThemeNectar Support Team 

  • Andreas replied

    Ah, okay. I see. So, it can't be done I guess.

    Thanks.