[janjaapjuh]

Hi,

I want to scale images in slider based on the browser. When using max-width: 100%; and height: auto; the height of the image changes at each image. Now i use width: 100%; and height: 35em; but it is streched and not scaling.

Can somebody help me?

[Sakin]

@janjaapjuh: Yes, the image in the slider scale image as per the size of the screen. It’s responsive design. Our recommended image size for the slider is Width: 1600px
Height: 533px. So, you need to upload the image of width at least 1600px and height as per your need. If the image is above 1600px by 533px then it will crop the image and load it but if that is small then it will load your original image. You don’t need to add css. You just need to upload recommended image size.

[Robin@Cox]

I used the code you gave but I want my spacing to be much less (closer to each other)

[Sakin]

@robincox: Which css are you taking about? Can you explain in reference with your site url?

[Author]

Posts