I need help resizing my slideshow on the mainpage. It’s too big and I need to make the height and width much smaller so that it doesn’t take up the whole page.
My website is https://rolefly.com/
I also need help making my product images/vidoes smaller on the product page, for example the product images/videos on this page need to be smaller:
Hi @melxnani ,
Go to Assets > theme.css and paste this at the bottom of the file:
.shopify-section--slideshow {
max-width: 1200px !important;
margin: auto !important;
}
Hope it helps!
Thank you! That worked great! If you have any codes for resizing the images on my product pages, it would be greatly appreciated!
Hi @melxnani ,
Go to Assets > theme.css and paste this at the bottom of the file:
@media screen and (min-width: 1008px) {
.Product__Wrapper {
max-width: calc(100% - 690px) !important;
}
.Product__Info {
width: 500px !important;
}
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
This code doesn’t work on resizing my product images. I’ve tried playing around with the px sizes, but they don’t make a noticeable difference.
Yes that is what I want (in your screenshot), however, after pasting the code you gave me, it didn’t resize anything on the product page. I copied and paste the code to the theme.css (I’m using a duplicate copy of my theme to test out the codes) and hit ‘save’. Here is the preview of it, but for some reason, it did not resize the images. My browser is also set at 100% normal size screen. Did I miss something? I appreciate all your help!
Hi @melxnani ,
Please add the code again, I will help you check it again
It works now thank you!
Hi @melxnani ,
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
