Remove padding narrative

Solved
chanteleo
Excursionist
16 0 9

How can l remove padding on my narrative themed website to make it look neat and nicer not spaced.

 

url: aerobell.co.uk

 

Accepted Solution (1)

Accepted Solutions
Natztech
Shopify Partner
2230 564 1363

This is an accepted solution.

hello @chanteleo 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.collection-list.collection-list--1635171623d0bb5d48  .grid  .grid__item  .collection-list-grid__image-item {
       margin-bottom: 0px !important;
}
.collection-list.collection-list--1635171623d0bb5d48 {
     padding-bottom: 10px !important;
  }

 

View solution in original post

Replies 7 (7)
dmwwebartisan
Shopify Partner
9724 2222 3050

@chanteleo 

  Please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid-->paste below code at the bottom of the file. 

.page-width {max-width: 100% !important;}

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 | Bag is a cart drawer that maximizes your sales. View app →
chanteleo
Excursionist
16 0 9

It hasn't worked now l cannot see the content after the image is not showing. 

chanteleo
Excursionist
16 0 9

I just want the paddings, margins to be removed because they are not necessary

dmwwebartisan
Shopify Partner
9724 2222 3050

@chanteleo 

Please share screenshot what do you want!

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 | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
2230 564 1363

hello @chanteleo 

can you please share a screenshot to in which section do you want to reduce padding and margin 

chanteleo
Excursionist
16 0 9

I want all paddings to be remove on my website. Wherever there is a big whitespace. I couldn't screenshot the whole page where l saw big spaces of margin and padding but l hope from the screenshot you understand what l want. Screenshot 2021-10-27 111654.png

aerobell.co.uk/

Natztech
Shopify Partner
2230 564 1363

This is an accepted solution.

hello @chanteleo 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.collection-list.collection-list--1635171623d0bb5d48  .grid  .grid__item  .collection-list-grid__image-item {
       margin-bottom: 0px !important;
}
.collection-list.collection-list--1635171623d0bb5d48 {
     padding-bottom: 10px !important;
  }

 

View solution in original post