Reduce Gaps in between elements in homepage?

Solved
Highlighted
Excursionist
40 0 8

I have attached a picture of my homepage. URL https://aquadrawmat.com

How can I reduce the big gaps in between elements on the homepages (i have marked the spaces in red on the picture) ? what CSS code do i need to put in, thank you in advance

 

mobile.png

0 Likes
Highlighted
Excursionist
25 8 7

This is an accepted solution.

Hi,

Try add below code to theme.scss.liquid:

#looxCarousel {
margin: -35px 0px -100px 0px;
}

 

Kind Regards,

Emirates7 

I am available for freelance work.
S: Emirates77777 | E: artur.sulkowski.1405@gmail.com | www.artursulkowski.com
1 Like
Highlighted
Excursionist
40 0 8

Hello, thank you for the help. I tried putting the code into the theme.css but it didn't seem to work?

0 Likes
Highlighted
Excursionist
25 8 7

Hi,

Try add this code to theme.scss.liquid.

 

Kind Regards,

Emirates7

I am available for freelance work.
S: Emirates77777 | E: artur.sulkowski.1405@gmail.com | www.artursulkowski.com
1 Like
Highlighted
Excursionist
40 0 8

Sorry my mistake, it did work perfectly thank you very much

0 Likes
Highlighted
Excursionist
40 0 8

Was wondering if you could also help on the same homepage there is also a big gap underneath the subscribe button at the bottom? thank you

0 Likes
Highlighted
Excursionist
25 8 7

Hi,

.newsletter-section {
padding-top: 0px;
margin-top: 0px;
}

 

You can try add this code to css file. You can change margin-top to 20px or -20px.

 

Kind Regards,

Emirates7 

I am available for freelance work.
S: Emirates77777 | E: artur.sulkowski.1405@gmail.com | www.artursulkowski.com
0 Likes