Remove section gaps (homepage) and increase "image with text" button font

Store Design
1

Hi everyone,

I have two issues I’m stuck on. I would love it if someone could help me out. Thank you in advance.

  1. On my home page there are gaps in between sections. I would like to remove these white gaps so each section touches each other (top and bottom). I have included screen shots which shows you the gaps I am talking about.

  2. I would also like to increase the size of the text on the "“image with text” buttons to 18px. I have attached screen shots to show you.

link below

https://ks76bcw45guzjr62-54993551588.shopifypreview.com

2 Likes
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
div#shopify-section-1652238851daa8d546 {
padding-bottom: 0;
}

Buy now button is not there.
Screenshot :- https://img001.prntscr.com/file/img001/VerjEdpLRzakWLuPmYGvow.png

3

Please add below css in bottom of assets/theme.scss.css file
div#shopify-section-1652238851daa8d546 {
padding-bottom: 20px;
}
There is no “buy now” button in image with text section.
Thank you.

4

BUY NOW buttons are on the image with text section. Further down the page. Screen shots attached.

5

Please add below css in bottom of assets/theme.scss.css file

.feature-row__item.feature-row__text a.btn {
font-size: 18px;

}
Thank you.

1 Like
6

@Timstar

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
div#shopify-section-1652238851daa8d546 {
    padding-bottom: 0px !important;
}
.feature-row__item.feature-row__text a.btn {
       font-size: 18px !important;
}
1 Like
7

Hello @Timstar

Greetings!!

Please following steps:

  1. online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the last of the file:
.main-content .shopify-section:nth-child(3) { padding-top: 0;}
.main-content .shopify-section:first-child { padding-bottom: 0;}
.feature-row__item.feature-row__text a.btn{font-size:18px !important;}

1 : https://prnt.sc/zmgmUfJzIP2b

2 : https://prnt.sc/ufXdbGBwlk8s