Support » Plugin: Smart Slider 3 » Slide align background image left

  • Resolved AH

    (@achim945)


    Is there a way to set a slides background images alignment to left (fill mode: fit)?

    • This topic was modified 4 months ago by AH.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Laszlo

    (@laszloszalvak)

    Hi @achim945

    The Fit fill mode:

    will make your slider as big as it needs to be to fit into the slider. By modifying the Focus point of the image:

    you could basically “move” the Slide background image in the slider when the aspect ratio of the slide background image and the slider differs.

    Best regards,
    Laszlo.

    Thread Starter AH

    (@achim945)

    Thank you Laszlo,

    works fine with Focus X=0. I just hoped that there is a global setting for background alignment so i wouldn’t have to touch all images in the slider individually, which in this case is a very basic – slideshow.-)

    I wonder if this could be achived by adding some custom CSS code.

    Achim

    Plugin Support nextendnorbert

    (@nextendnorbert)

    Hi @achim945!

    Unfortunately, we don’t have options for that. You could create custom CSS code, but please note that we’re unable to provide help with custom coding, or the possible issues that are happening because of them, so you’ll need to have the necessary coding knowledge to write this functionality.

    First of all, you have to find the Slider’s id, which looks similar to this:

    n2-ss-{slider-id}

    and with this selector you could add a custom CSS code to the images to modify the focus point:

    #n2-ss-{slider-id} .n2-ss-slide-background-image img {  
           object-position: {X} {Y}!Important; 
    }

    and this would have an effect on all Slides in your Slider.

    Best regards,
    Norbert

    Thread Starter AH

    (@achim945)

    Danke Norbert,

    exactly what i was looking for. By leaving out the slide ID i can address slides globally.

    • This reply was modified 4 months ago by AH. Reason: mark as solved
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.