Brooklyn Theme - Spacing between two sections (Image with text)

Coffee-Exp
Excursionist
27 0 9

Hey there, I wonder if anyone knows how to remove the spacing between two sections (Image with text).  I've already tried to add the following code at the bottom of theme.scss.liquid; however, the space is still there.  Thank you!

.index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
    margin-top: 0;
}

 

 
 

 

0 Likes
Coffee-Exp
Excursionist
27 0 9

Coffee-Exp_0-1610863550419.png

 

0 Likes
dmwwebartisan
Shopify Partner
4509 1014 1301

@Coffee-Exp 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Coffee-Exp
Excursionist
27 0 9
0 Likes
Coffee-Exp
Excursionist
27 0 9

Hi @dmwwebartisan 

I try to edit a line in theme.scss.liquid

from   margin-top: $gutter * 3;

to margin-top: 0px;

It shows what I need.

Many thanks for your prompt reply and assistance.

Dear @Coffee-Exp 

Hope the following suggestions will help you.

  •  From your Shopify admin, go to Online Store > themes
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
@media screen and (min-width: 768px) {
#shopify-section-1494894035034 {margin-top: 0 !important}
}
/* End*/

 

  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.
  • If you still need help you can contact us by using the link or email given at signature.
Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
SagarSukhanandi
Tourist
132 19 35

Hello @Coffee-Exp 

Add below code at the end of your css file

div#shopify-section-1494894035034 {
    margin-top: 0px !important;
}


After you add this code section will look like below image

section.PNG 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
0 Likes