1. Home
  2. SB Image Hover Effects
  3. General Settings
  4. Image Settings

Image Settings

On this section you’ll find 4 different options for the image customization. From here you can customize height, width, margin and the padding of image hover. Lets see how to use those options…

Set a max width

Here you can customize your image width. You can set a maximum width to your image, but it’ll only work if the maximum width is available in div.

  • Select a value (based on pixel) of image width and see the live preview instantly.

N:B: You can set a maximum width to your image, but it’ll definitely no more than 2000px. Always maintain the value of image width within 2000px.

Set Image height

Here you can customize your image height. You can set a maximum height to your image, our auto set make it percentize with width for responsive.

  • Go to the option and select a value of image height
  • see the live preview instantly!

N:B: You can set a maximum height to your image, but it’ll definitely no more than 2000px. Always maintain the value of image height within 2000px.

 

Set Image margin

The Margin properties are used to create space around elements, outside of any defined borders. There are properties based on pixels for setting the margin for each side of an element.

  • Go to the option and set a value
  • See the live preview!

Set Image padding

Use Image Padding to make distance of image from inner position mainly from image content. There are properties for setting the padding for each side of an element (top, right, bottom, and left).

  • Set a value you want as per your content requirement and see the live preview.

 

 

Was this article helpful to you? Yes No

How can we help?