How can I eliminate padding between two website sections?

Store Design
1

Hello!

Im looking to remove the padding between 2 sections. The reviews and 4 text section on a site.

Here is a preview link https://elegantworld.com/?_ab=0&_fd=0&_sc=1&key=958db09f5a920f386d556dfdac84f8b83086a3c498066ece84836d89eae337ff&preview_theme_id=130473296038

Thanks in advance for any help!!

2

@HonorDigital - add this css to the end of theme.css file and check, should look like screenshot below

@media only screen and (min-width: 590px){
#shopify-section-template--15647151882406__1655760875a7ef7597{margin-top: 0;}
}

suyash1_0-1657427329409.png
suyash1_0-1657427329409.png1366×768 107 KB

3

@HonorDigital

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.index-section {
    margin: 30px 0;
}
4

Hi!

This did work but left a small margin above the footer and the last section. How would I remove that?