Okay
  Public Ticket #926747
Necter Slider text alignment
Closed

Comments

  • Daniel started the conversation
    October 19, 2016 at 2:41pm

    Hi,

    I am in the process of creating a new necter slider frame, but don't want the headline and caption text to display full width - so the text doesn't display over the image of the book. (see attached) is there a way of targeting this 4th necter slider to only display the headline and caption copy to 60% width?

  •  9,028
    Tahir replied
    October 19, 2016 at 5:43pm

    Hey Daniel,

    Yes use the nth-child selector . Have a look at this article :Adjust Nectar Slider Text with CSS . 

    Thanks 

    ThemeNectar Support Team 

  • Daniel replied
    October 24, 2016 at 2:59pm

    Hi Tahir,

    I'm not sure what I am meant to do here?
    I copied the Custom CSS into the Salient Options panel, but I don't know what changes the right hand margin? plus any setting I change within the code, have no effect of the necter slider. Am I missing something?
    I just need to set the width of the text container to 60% so that the text doesn't flow full width (as I will have an image on the right hand side that I don't want the text to flow over)


    Any help will be much appreciated

  •  9,028
    Tahir replied
    October 24, 2016 at 6:03pm

    Hey Again,

    Use this css, If its the Third slide add 4 to the nth-child if its Second Slide add 3 . Just add 1 plus to the slide you want it to target.

    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:nth-child(4) .content {
    width: 60% !important;
}

    Thanks

    ThemeNectar Support Team 

  • Daniel replied
    October 24, 2016 at 6:17pm

    Thanks Tahir!
    works a treat