Okay
  Public Ticket #1481028
Customizing Nectar Slider Text
Closed

Comments

  • leyeadetona started the conversation

    How can I customize/change the highlight colour of the sub-heading of my Nectar Sliders

  •  8,404
    Tahir replied

    Hey,

    Please have a look at this Article :Adjust Nectar Slider Text with CSS. If it doesnt work please provide the page url .

    Be.st


    ThemeNectar Support Team 

  •   leyeadetona replied privately
  •  2,723
    Andrew replied

    Hi leyeadetona,

    Apologies for the late reply.

    The page is behind an under construction page.
    Could we have access to by pass it and also the exact text you are referring as sub-header text.

    Thanks.

  •   leyeadetona replied privately
  •  2,723
    Andrew replied

    Hi leyeadetona,

    Could you use this CSS:

    .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content p.transparent-bg span{
        color:red;
    }
    

    add it to salient \ general settings - css script related - custom css code.
    You can change the red to what you want.

    Cheers.

  • leyeadetona replied

    Hi Andrew, thanks for the css code.

    However, that is not exactly what I needed. 

    So; what your code does is to change the font-colour to red (or any other Colour I choose), as seen in image attached. 

    However, what I need to do is to change the highlight behind this now-red text (which is currently black).

    How can I do this?

    Thanks for the support

  •  2,723
    Andrew replied

    Hi leyeadetona,

    If it's that part not the text then use this CSS to change the black to a red tint:

    .swiper-slide .content p.transparent-bg span{
        background:rgba(255,0,0,0.5) !important;
        box-shadow: 10px 0 0 rgba(255,0,0,0.5), -10px 0 0 rgba(255,0,0,0.5) !important;   
    }
    

    the color is in rgba format on both of those properties. You can change it to whatever you want.

    Cheers.