Maintain a min-width for an image in Slider Revolution

I have an image in Slider revolution that has to keep minimum 450 PX width always. In the layer of that certain image I have pasted this CSS in the tab ‘Style’ > ‘Advanced CSS’ > ‘Layer’ :slight_smile:

{
min-width: 450px;
}

In slider Revolution itself (where I create the slider) it works fine. The image stays 450 PX width. But when I load the slide above a page, the image will scale down as the window scales as well.

I have also tried disabling all the responsive options anther the tab ‘Behavior’

How do I prevent an image on a slide from being scaled?

Hello @Mavink,

Thanks for writing in!

Please edit your slider and click the image layer. You may insert an ID so that we can create a custom css to maintain the width of your image layer.

And then you use this custom css:

#my-image {
  min-width: 450px !important;
}

For further details about inserting an image layer, please check this out: https://www.themepunch.com/revslider-doc/image-layers/

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.