How to eliminate empty space between sections in Turbo theme with Automizely?

Store Design
1

Hello can some please tell me how to get rid of all the empty space between the sections? The review app I’m using is Automizely and my theme is turbo.

3BE16159-3CA0-4DFC-A8F8-49B7F699BD4A.png
3BE16159-3CA0-4DFC-A8F8-49B7F699BD4A.png1242×2208 320 KB

9EE3D1D2-76A3-4CD3-B356-E35F17DC176C.png
9EE3D1D2-76A3-4CD3-B356-E35F17DC176C.png1242×2208 217 KB

2

Hi @Only1mrsfragili ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

My store URL is Projects817.com

it’s not password protected.

4

Hi @Only1mrsfragili ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css->paste below code at the bottom of the file:
.featured-review-wrapper .swiper-slide {
    margin-right: 10px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

It made the sides look a better but I would like to get rid of the white space at the top and and bottom. So between the Newsletter and the Blogs.

6

Hi @Only1mrsfragili ,

On the homepage, currently above the Blog it is newsletter. Can you send me the link to the page so I can take a look?

Thanks you

7

Please check now, I had removed the reviews for a moment because I really don’t like all that white space. The link is still the same. Projects817.com

8

Hi @Only1mrsfragili ,

You can try below code in styles.css file:

#shopify-section-template--14770121375882__am-featured-reviews-carousel {
    margin-top: -40px;
    margin-bottom: -40px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

9

Thank you very much!

1 Like