How to reduce space between gifs in Brooklyn theme?

Store Design
1

Hello guys!!!

I have added some gifs to my product description in the Brooklyn theme but there is a huge space between the gifs. I have reduced the space between the images and text due to the help of @Sajeel but still, have an issue with the space between the gifs.

2

share screen shot.

3

there is no space between them thay have some hiden areas that show up when you hover the mouse on gifs. you can remove this by remove the hiden content that showup on hover or you can remove hover effect to always show that content without hover

Sajeel_0-1646108121563.png
Sajeel_0-1646108121563.png635×765 200 KB

4

@Sajeel I tried to crop them but could not find out how. The gifs are made in GIPHY.

5

Ok add this code at the end of theme.css

#giphy-embed ._2XBDTIVigBJDybhZvL-hU3{width:unset !important;}

6

@Ahmed90

Mark the previous solution as accepted if that one worked for your

7

@Sajeel It does not work bro. Well, thank you for your help. I think I will remove them and add pictures instead.

8

let me check again don’t remove them

9

._2XBDTIVigBJDybhZvL-hU3{width: unset !important}

10

@Sajeel It does not work but I think it has to do with the GIFS source. I made them in GIPHY

1 Like
11

@Sajeel I figured it out bro, thanks. For anyone having the same issue, don’t use GIPHY but use any online GIF generator like ezgif.com. Upload your short clip there and transform it to GIF. Very easy.

1 Like