How can I eliminate padding on a narrative themed website?

Store Design
1

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

url: aerobell.co.uk

1 Like
2

@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!

3

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

4

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

5

@chanteleo

Please share screenshot what do you want!

Thanks!

6

hello @chanteleo

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

7

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
Screenshot 2021-10-27 111654.png1251×805 54.7 KB

aerobell.co.uk/

8

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;
  }