Slide align background image left

Hi @achim945

The Fit fill mode:

• https://smartslider.helpscoutdocs.com/article/1809-slider-settings-slides

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

• https://smartslider.helpscoutdocs.com/article/1724-slide#focus

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.

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

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

Danke Norbert,

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

• This reply was modified 3 years, 1 month ago by AH. Reason: mark as solved