Removing White Space

Highlighted
New Member
3 0 0

Hello again,

 

I hope you are well?

 

I am hoping you may be able to help with my issue of the white space as seen in the picture.

 

Best


@Marc_Nixon wrote:

this pink here.png

Hi!

 

Thank you for your help.

 

The white space has been reduced, but not fully removed?

 

Basically I would like it to be the same pink colour where the white space is.


 

0 Likes
Highlighted

@Marc_Nixon ,

Add below css

section.main-content {
    background-color: rgb(212, 170, 160);
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0
Hello,
Please help me to remove extra space in between Header and Heading. Basically I removed slide show and extra space still seen. Www.facemaskwithfilters.com
Thank you!
0 Likes
Highlighted

Hello @Veronikaden777,

Go to Online Store->Theme->Edit code->Asset->theme.scss.liquid->paste bellow code in bottom of file

body .index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
    margin-top: 0;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
7 0 0
Thank you so much I fixed the first giving me code and it works now! Thanks a lot! Problem solved!
0 Likes
Highlighted
Excursionist
17 0 11

Hi there, I have the same problem but don't have an Asset->theme.scss.liquid- file.  I do have the following files:  Asset->

theme.js.liquid and also Layout->theme.liquid but not sure if these are the correct files to be editing?

I am using VANTAGE Theme, Theme Style = BLACK

Needing to add some space above <H2> on the Home page and remove spaces on Collections Pages.

Below is my problem, please can someone assist:

 

On Home PageOn Home PageOn Collections PagesOn Collections Pages

 

 

0 Likes
Highlighted
Tourist
9 0 0

Hi there 
I want to remove extra space from my blog in shopify store
The URL Store :  https://www.baytelkol.com/?_cd=8edcb5b5834241b1a1ce90ce1752c14a1f15ec86b618246c5936a75d175f6764&_uid...

 

Annotation 2020-07-19 150043.jpg

0 Likes
Highlighted

Hello Rohi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

a.card__wrapper.card--article {
    height: 550px!important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Tourist
9 0 0

thanks for your response
i have the same problem of the big spaces in the other sections as you see in the attached images 
so please help me to remove it Annotation 2020-07-21 123306.jpg

 

Annotation 2020-07-21 123956.jpg

 

0 Likes
Highlighted

Hello Rohi,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(min-width:750px){
.collection-list.collection-list--1593929313169 {
    padding-bottom: 20px;
}
.featured-blog.featured-blog--1592472568468 {
    padding-top: 20px;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit