Solved

Space between section | Broadcast theme

JonX
Explorer
76 6 33

HEllo

I cannot seem to get rid of the white space highlight below:

I tried the following code without success :

#shopify-section-skintype-columns2 {
    margin-top: 0% !important;
}

My URL : https://www.ambigoose.com/pages/skin-type

Thank you so much

Jon

Screen Shot 2021-08-04 at 2.55.06 PM.png 

Accepted Solutions (2)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @JonX  can you please add  ' } ' bracket  after line number 857 in your theme.css file because it is missing see screenshot https://imgur.com/kg3IDKA

and then insert this code end of the theme.css file

 

 

#shopify-section-skintype-columns2 .index-columns.index-columns--skintype-columns2{
	padding-top: 0px !important;
}

 

 

 

View solution in original post

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

Replies 15 (15)

Zworthkey
Shopify Partner
5581 642 1565

@JonX 
Hi, Add this code to theme.scss or theme.css

.wrapper--columns{
margin-top:-30px !important;
}

Thank you.

JonX
Explorer
76 6 33

@Zworthkey Unfortunately that did not work

dmwwebartisan
Shopify Partner
12280 2546 3694

@JonX 

Please add the following code at the bottom of your assets/theme.css file.

.index-columns--skintype-columns2 {
    padding-top: 0px;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
JonX
Explorer
76 6 33

@dmwwebartisan Unfortunately did not work

I tried that too without success  :

.index-columns--skintype-columns2 {
    padding-top: 0px !important;
}

 

Zworthkey
Shopify Partner
5581 642 1565

Hi, Add this code to theme.scss or theme.css

.index-columns {
padding-top:0px!important;
}

Thank You

JonX
Explorer
76 6 33

@Zworthkey Unfortunately not working

dmwwebartisan
Shopify Partner
12280 2546 3694

@JonX 

Try this.

.index-columns{
padding-top: 0px !important;
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
JonX
Explorer
76 6 33

@dmwwebartisan Unfortunately not working

dmwwebartisan
Shopify Partner
12280 2546 3694

@JonX 

Which file you are adding this code ?

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Zworthkey
Shopify Partner
5581 642 1565

@JonX 

Try this.

.text-dark, .wrapper--columns {
    margin-top: -30px!important;
}

Thank You.

JonX
Explorer
76 6 33

@Zworthkey Still no!

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

hello @JonX  can you please add  ' } ' bracket  after line number 857 in your theme.css file because it is missing see screenshot https://imgur.com/kg3IDKA

and then insert this code end of the theme.css file

 

 

#shopify-section-skintype-columns2 .index-columns.index-columns--skintype-columns2{
	padding-top: 0px !important;
}

 

 

 

JonX
Explorer
76 6 33

@Kinjaldavra YOU ARE A STAR!!!

Thank you so much

JonX
Explorer
76 6 33

@dmwwebartisan Theme.css

Screen Shot 2021-08-04 at 4.09.34 PM.png

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@JonX 

add-bracket-try.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app