How can I decrease section spacing on my webpage?

Store Design
1

Hi,

i am trying to reduce different space between section such as in this image.

Between Décuvre les produits d’entrperises et d’Artisans 100% québécois qu’on a sélectionnés et testés pour toi Mama ! and the icons.

Capture d’écran (13).png
Capture d’écran (13).png1920×1080 313 KB

2

Hi @Lesparentales !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share page URL so that I can inspect and send code accordingly

Best Regards;

PageFly

3

https://www.lesparentales.ca/

4

Hi @Lesparentales !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of theme.css under assets in theme code files

@media only screen and (min-width: 768px)
.icons-row__slider {
margin-top: -64px !important;
}

You can change px as you want

Like this;

Screenshot_61.png
Screenshot_61.png1918×847 107 KB

Best Regards;

PageFly

5

Thanks

6

Hi @Lesparentales !

You want like this?

Screenshot_62.png
Screenshot_62.png1746×846 96.2 KB

7

It doesnt work the space between the discover phrase and Top of the icon doesnt go smaller ? i also would like the discover phrase to be on 2 lines wider than now is that possible ?

that code that is similar was already at the end dont know if it hcanges something :
@media only screen and (max-width: 767px){.logo-list__slide p{width: 180px;
display: block;
white-space: normal;
line-height: 130%;}}

8

Capture d’écran (15).png
Capture d’écran (15).png1920×1080 255 KB

I would like to have the space where i put the yellow smaller lot smaller… but the code you send me doesnt seem to do anything

  • The phrase in black i would like to have it the same widht as the icons and texte below it.
9

Hi @Lesparentales ,

Go to Assets > theme.css and paste this at the bottom of the file:

#RichText--template--15476847575210__1662606038eecf57ce {
	padding-bottom: 0 !important;
}
#RichText--template--15476847575210__1662606038eecf57ce .wrapper--small {
	width: var(--site-width) !important;
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.