How to remove the tiny gap between sections?

[alplus]

Hi, there is a tiny gap between my first hero section and second (featured product section). How to remove it and make the background seamless as one whole?

store: www.alpluscosmetics.bg
pass: 1904
Theme: Sense

[BSSCommerce-HDL]

Hi @alplus, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
div:has(.section-template--20760173805913__ss_video_banner_F3Nr8y-padding) {
    margin-bottom: 0 !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[GTLOfficial · Accepted solution]

Hello @alplus 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

@media screen and (min-width: 750px) {
.section-template--20760173805913__ss_video_banner_F3Nr8y {
margin-bottom: 0px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[dws_pvt_ltd]

Hello @alplus

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file -> Save

<style>
  section#shopify-section-template--20760173805913__ss_video_banner_F3Nr8y .section-template--20760173805913__ss_video_banner_F3Nr8y
  section#shopify-section-template--20760173805913__ss_video_banner_F3Nr8y .section-template--20760173805913__ss_video_banner_F3Nr8y {
    margin-bottom: 0;
  }
</style>

See image

Best Regards,
Dws_pvt_ltd