How can I remove padding from custom pages on Motion theme?

Store Design
1

Hey, guys!
I’m having trouble with the padding on the pages I created with Shopify. There is some space on all four sides and I want to remove it. See an example here: https://cashew-shop.de/pages/uber-uns . I’m using the “Motion” theme and it’s amazing, I’ve just been stuck on this problem for quite a while now. I also have some pages created with Page Fly, but I have no problems there. Thank you so much in advance ?
Take care,
Ivan

2

@cashewsarecool

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 590px){
.template-page .transition-body .medium-up--three-quarters { width: 100% !important; }
.template-page .transition-body .medium-up--push-one-eighth { left: 0px !important; }
}

Hope this helps.

Thanks!

3

Oh my God thank you so much :heart_eyes: :heart_eyes: :heart_eyes:

4

and what about the Blog pages :disappointed_face: the problem still persists there.
example: https://cashew-shop.de/blogs/rezepte/die-cashewfrucht-gesund-und-vielseitig-einsetzbar

5

Also what do I do when I don’t want a heading on a certain page. Shopify won’t let me leave it blank. I put   in the title bar and it’s fine. but that leaves this massive white space on the top. example: https://cashew-shop.de/pages/uber-uns

6

@cashewsarecool

Can you please provide a screenshot?

I will give you solution.

As for the background not to repeat. You can use the following code, just you have to correct your image height little bit.

body#collection-002{
background-image: url({{ 'background.jpeg'  }}) !important;
 background-repeat: no-repeat;
 background-size: 126% auto;
 background-attachment: fixed;
}

Hope this helps.

Thanks!