Okay
  Public Ticket #2486353
Semi-transparent BG for slider headings
Closed

Comments

  • kb650 started the conversation
    July 27, 2020 at 8:00pm

    Hello! So I noticed the Nectar Slider captions have the option of having a semi-transparent background to make text more readable. Can this be added for slider headings too? Slide #4 of 5 on the site mentioned above has a heading that needs it. Can it be done with CSS?

  •  2,965
    Andrew replied
    July 28, 2020 at 6:02am

    Hi there,

    Use the following custom css:

    .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2, #boxed .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 {
    background: black;
    opacity: 0.5 !important;
}

    Thanks.

  • kb650 replied
    July 29, 2020 at 5:44pm

    Hi, and thanks, Andrew!

    I noticed this targets all the .h2 headings. Can I just make it target one slide (the other slides are readable and the change replaces the captions and buttons on some of the other slides)? Is it possible to give that slide #4 an ID that I can target with the CSS?

  •  2,965
    Andrew replied
    July 30, 2020 at 6:58pm

    Hi there,

    I'm afraid there is no option to target one slide using custom css.

    Thanks.