Hi support,
Please see attached image.
I need to make the product image fit better as I am not happy its current inline css (this is being added by javascript it seems?).
I would like the image itself to a bit wider and have even spacing on each side. I think about 30ish px each side would be great.
Right now the mobile rendering looks great so I don’t want any modifications that you suggest to affect that.
Please can you help me out?
Thanks a stack!
|
|
Looks like if you remove the margin-left: 226px and make the image size width:505, it looks perfect. But this is all added inline, must I use some custom javascript?
|
|
Correction, the width of the image should be 555px and then it fits perfectly.
I have attached some pictures for review.
Cheers
|
|
Hi,
There is nothing wrong to use inline CSS.
BR,
ThemeBurn team
|
|
I know that, but I don’t know how to make the modification.
What code must I change to achieve this solution?
I cannot add it to the custom css file because its being overwritten by the inline css that seems to be added by js.
Please assist.
Thanks
-
This reply was modified 3149 days ago by Cdcstudios.
|
|
Hi,
We’ve made a second look at your problem and the only thing you need to do is to put correct image sizes in Admin > System > Settings > Image > Product Image Thumb Size.
Javascript is generated by the slider depending on image size.
BR,
ThemeBurn team
|
|