Solved

Blog width size on a customised EDITIONS theme

AmyPhilip
Visitor
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



Accepted Solution (1)

Ninthony
Shopify Partner
2329 350 1023

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 😄

View solution in original post

Replies 3 (3)

Ninthony
Shopify Partner
2329 350 1023

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 😄
AmyPhilip
Visitor
2 0 0

Thank you! This has solved it!

Ninthony
Shopify Partner
2329 350 1023

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 😄