Okay
  Public Ticket #559367
Headline Background (like caption background)
Closed

Comments

  • Todd started the conversation
    October 17, 2015 at 10:08pm

    Is it possible to add a background to the headline on the Nectar slider like the background option for a caption? I tried to mimic the CSS for the caption background on the Headline element, but it did not work.

    The CSS for the background is:

    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

    box-decoration-break: clone;

    box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);

    display: inline;

    left: 10px;

    line-height: 45px;

    padding: 4px 0;

    position: relative;


    --But What headline class does that get added to? I tried adding it to the .swiper-slide .content class but that did not work.

    Any ideas?

  •  8,990
    Tahir replied
    October 17, 2015 at 11:40pm

    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 .content h2 {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    box-decoration-break: clone;
    box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    left: 10px;
    padding: 4px 0;
    position: relative;
}

    Thanks


    ThemeNectar Support Team