How to code a full width article with 50px each side margin?

Solved
Highlighted
Explorer
53 1 6

Hey everyone,

I would like to ask for your help if how to code and how can I fully width my article page? Here is my current article page.

full width.jpg

Thank you in advance if some can help me with this issue. 

Also this is my reference for the full width article page: https://www.itsnicethat.com/articles/connor-campbell-harry-butt-dua-lipa-hallucinate-animation-03082...

 

Thank you again and God bless! 

 

Best Regards, 

Young Adult

0 Likes
Highlighted
Shopify Partner
2246 488 631

This is an accepted solution.

Hey @YoungAdult,

Please add the following code at the bottom of your assets/timber.scss.liquid file.

@media screen and (min-width: 591px){
.template-article .main-content .wrapper {
    padding: 0 30px;
    width: 100%;
    max-width: 100%;
}
}

@media only screen and (min-width: 769px){
.push--large--one-tenth {
    left: 0%;
}
}

@media only screen and (min-width: 769px){
.large--four-fifths {
    width: 100%;
}
}

@media screen and (min-width: 591px){
.grid__item {
    padding-left: 30px;
}
}

 

Hope this will work for you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like