Remove White Space Debut Theme

Solved
Tourist
7 0 0

Screen Shot 2020-03-28 at 7.08.12 pm.png

0 Likes
Highlighted
Tourist
7 0 0

Screen Shot 2020-03-28 at 7.08.12 pm.png

0 Likes
Highlighted
Shopify Partner
689 101 233

OK depending on exactly what spacing you want, this should get you started and you can just adjust from there:

 

/* This reduces padding below the dots */
#shopify-section-1568008830391 {
  padding-bottom: 0px !important;
}

/* This changes the font to match type and size of "follow us" */
.quotes-slider__text {
    font-family: "Linotype Didot",serif;
  	font-size: 24px;
}
If helpful then please Like and Accept Solution
0 Likes
Highlighted
Tourist
7 0 0

@JonWright Where exactly should I apply this code?

0 Likes
Highlighted
Shopify Partner
689 101 233

Sorry should have mentioned that. Add at the bottom of your 'theme.scss.liquid' file.

If helpful then please Like and Accept Solution
0 Likes
Highlighted
Tourist
7 0 0

@JonWright I tried to put the first code under theme.scss however it unfortunately did not work :( 

As for 

.quotes-slider__text {    font-family: "Linotype Didot",serif;  	font-size: 24px;
}


As for the second code, could you please show me exactly where to embed it?
This coding below has been copied from my quotes.liquid. 

Screen Shot 2020-03-28 at 10.29.58 pm.png

0 Likes
Highlighted
Shopify Partner
689 101 233

This is all CSS so it also goes in theme.scss.liquid (this is where most of the CSS for your theme lives).

 

So add all the CSS I gave you into theme.scss.liquid and then lets take a look at why first one isn't working.

If helpful then please Like and Accept Solution
1 Like
Highlighted
Tourist
7 0 0

Perfect! it worked :) Thank you so much for all your help @JonWright 

0 Likes
Highlighted
Shopify Partner
689 101 233

Good stuff and no problem.

If helpful then please Like and Accept Solution
0 Likes
Highlighted
Tourist
8 0 2

The code you provided worked perfectly! Thank you.

On that same page, I have a banner with text, long text (this space was corrected with the code you provided), and "collections"  followed with pictures of collections.

I want to reduce the white space between the long text and "collection".

Thank you.

Meg


@OTM wrote:

Add this code to Assets/theme.scss.liquid file:

For white space

.index-section:first-child {
     padding-bottom: 0!important;
}
#shopify-section-1567532236832 {
     padding-top: 0!important;
}

For mobile white gray space:

@media screen and (max-width: 749px) {
  .hero--medium {
    height: 10rem;
    width: 100%;
    background-size: cover;
   }
}

 

0 Likes