Blog width size on a customised EDITIONS theme

Solved
AmyPhilip
New Member
2 0 0

Hi, 

I'd like to change the blog content width (not including the head image) to be narrower so that it's easier to read.

https://www.joynbags.com/blogs/joyn-blog/natural-dyes-with-color-ashram

We were using the EDITIONS theme, but worked with someone to create a customised theme so we could have two landing pages. Our new theme was called MY PROJECT PT

I've tried adding the following code but this hasn't worked

.template-article .page-width {max-width: 900px !important; padding-left: 0px; padding-right: 0px;}

/* This media for mobile device */

@media only screen and (max-width: 749px) {

.template-article .page-width {padding-left: 22px !important;padding-right: 22px !important;width: auto !important;}

}


Could you let me know which code could work for us and where to insert it?

Thanks in advance!


Amy



0 Likes
Ninthony
Shopify Partner
2239 337 895

This is an accepted solution.

.article-page__content {
    max-width: 700px;
    margin: 20px auto;
}

Should do the trick

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
AmyPhilip
New Member
2 0 0

Thank you! This has solved it!

0 Likes
Ninthony
Shopify Partner
2239 337 895

No problem, glad it helped. Thanks for accepting the solution.

If my solution helped you, please like it and accept it as the solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes