Okay
  Public Ticket #239651
Nectar Slider Caption issue
Closed

Comments

  • Mark started the conversation

    I have an image and text in the Nectar slider caption field, the text shows up where it should (aligned left) however the image called in the caption is not aligning as it should. The code calls for it to align left, however it stays somewhat centered regardless of whether I designate left, right, or center align. Any ideas as to what the problem is. I attached a screenshot of what it looks like.

  • Mark replied

    Also, here is the caption field code I am using.

  •  8,448
    Tahir replied

    Hey Mark!

    Is is possible for us to see a live url so i can live-edit in the browser and provide you some custom css. 

    Thanks


    ThemeNectar Support Team 

  • Mark replied

    Here is the live URL: http://linfieldlucy.wpengine.com/

    Thanks,

    Mark

  •  8,448
    Tahir replied

    Hey Mark!

    Add this into the Custom CSS box located in your Salient Options panel:

    body .swiper-slide .content img {
        margin-left: 0px !important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Mark replied

    That fixed the issue on the home page, however it also adjusted text on other sliders. 

    If you go here http://linfieldlucy.wpengine.com/ and go to the 2nd slide (green 2014 Summer assignments) the text is now left justified when it should be centered (and was prior to the CSS change).

    Is there a way to fix one without affecting the other?

    Thanks,
    Mark

  •  8,448
    Tahir replied

    Sure, Add this instead:

    body .swiper-slide:nth-child(1) .content img {
        margin-left: 0px !important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Mark replied

    I replaced the custom CSS with what you have directly above, and now it is back to the way it was before. The first slide has the 48 image not left justified and the 2nd image is now correct.

    Any other suggestions?

    Thanks,
    Mark

  •  8,448
    Tahir replied

    Try this:

    body .swiper-slide:nth-child(2) .content img {
        margin-left: 0px !important;
    }
    
    
    

    Cheers


    ThemeNectar Support Team