How can I resize a GIF for Debutify theme?

Store Design
1

Hi,

Is there a way to make my GIF looks smaller? Or kinda like square. GIF appears too big and I can’t find the option to resize it.

We’re using Debutify theme and ‘Image with text’ section is used for it.

Best,

Calvin

2

Hi Calvin,

Unfortunately, resizing the Image With Text section of the Debutify theme requires some CSS magic. But don’t worry, I’ve got you covered!

To make it work like a charm, follow these steps:

  1. Open up the theme editor.
  2. Look for the Image With Text section and scroll down until you spot the Custom CSS tab.
  3. Now, simply paste the code snippet I’m about to share.

Remember, all you need to do is tweak the width and height to get the size you want.

.media-wrapper{
background-color: transparent;
}

.media{
width: 15em;
height: 15em;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

Happy customizing! :tada:

3

Thank you!!

1 Like
4

Hi, @bvcalvin .

Thank you for posting this question!

I’m delighted to see that you got some support from the Shopify Community! If you’re referring to resizing the GIF image, then you can also use free online GIF resizing tools. Simply perform a search on Google and you can find tools, such as Ezgif or Red Ketchup.

I noticed that you’re a new member of our Shopify Community! Once you’ve resized the GIF or the Image with text overlay section, I’d love to hear more about your business and share some resources to help you get started. What kinds of products are you selling? Do you have a marketing plan prepared for your store?