hey,
if you go on my website, pieces, click on the black shirt with a white print on it and scroll down, youre gonna see a gif of someone turning in a circle, i want to make that gif smaller, can you help me?
url: sixdreamz.com
2 Likes
Hi my friend @sixdreamz ,
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: Search for the file base.css. And add this code snippet to the end of the file.
.product__media-list.contains-media.grid.grid--peek.list-unstyled.slider.slider--mobile li:nth-child(2) .product__media.media.media--transparent img {
height: 400px !important;
}
In this step, you can change the height smaller or bigger as you want.
In my example, I choose 400px
Step 3: Save and reload home page.
=>> The result:
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
- Here is the solution for you @sixdreamz
- Please follow these steps:
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before and press ‘Save’ to save it
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
This is Richard from PageFly - Shopify Page Builder App
Hi @sixdreamz Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly