Hi @rahimvaziri
It looks like the easy way would be to wrap the slideshow with a div that has a The fastest way might be to just override the styles on the slideshow. Try adding this to your css stylesheet:
.metaslider {
margin-left: -10px!important;
margin-right: -10px!important;
width: auto!important;
}
And if you want it to only affect that specific slideshow, use .metaslider-3801 or .home .metaslider instead.
Let me know if that works
Thread Starter
Rahim
(@rahimvaziri)
Hi @kbat82
Thank you so much for your fast reply.
Yes, it works great now but I see that the image size has been changed to 1190x457.69 from 1170x450 http://prntscr.com/mk13hm
My images were designed with this height and width 1170x450 and also the size in the metaslider dashboard is the same.
Do I need to redesign them to 1190x457.69 or just leave it and it will be fine?
What about for the next slideshows? What’s your recommendation?
Kind Regards,
Rahim
Hi @rahimvaziri
If you want the slideshow to extend to that width then yeah you would want to make sure they look good at that resolution. The slight difference isn’t that noticeable though in my opinion, but others might disagree.
You could actually design it at 2340×900, then disable the cropping setting and combine it with a retina plugin so users with a high def screen get an even sharper image.
https://ww.wp.xz.cn/plugins/wp-retina-2x/
