Okay
  Public Ticket #1110789
Nectar Slider: Change color of transparent bg
Closed

Comments

  • Linda Campbell started the conversation
    March 24, 2017 at 12:57am

    I would like to change the color of the transparent background box that goes behind the captions on the Nectar Slider. I'm hoping to use a brownish gray like the one used in my design. RGB, 119, 110, 100 or hex 776e64.

    Thanks,

    Linda

  •  8,402
    Tahir replied
    March 24, 2017 at 5:58pm

    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) :

    .swiper-slide .content p.transparent-bg span {
    background: none repeat scroll 0 0 rgba(119,110, 100, 1) !important;
    box-shadow: 10px 0 0 rgba(119,110, 100, 1), -10px 0 0 rgba(119,110, 100, 1) !important;
    -moz-box-shadow: 10px 0 0 rgba(119,110, 100, 1), -10px 0 0 rgba(119,110, 100, 1) !important;
    -webkit-box-shadow: 10px 0 0 rgba(119,110, 100, 1), -10px 0 0 rgba(119,110, 100, 1) !important;
    -o-box-shadow: 10px 0 0 rgba(119,110, 100, 1), -10px 0 0 rgba(119,110, 100, 1) !important;
}

    Thanks

    ThemeNectar Support Team 

  • James replied
    June 22, 2017 at 2:57pm

    Thanks for this!

    Is it possible to include the background to <h2> title?
    I added h2 to the css, but it stretches 100% across screen.  I think i need to add a <span> between the <h2>


    cheers

    .swiper-slide .content h2
  • James replied
    June 22, 2017 at 3:00pm

    Thanks for this!


    Is it possible to include the background to <h2> title?
    I added h2 to the css, but it stretches 100% across screen.  I think i need to add a <span> between the <h2>

    cheers

  • James replied
    June 22, 2017 at 3:37pm

    Thanks, I found a solution

    .swiper-slide .content h2 {
        display: inline-block;
    }