Shopify Design

AmyPhilip · ‎09-15-2021

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

Ninthony · ‎09-15-2021

.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

Ninthony · ‎09-15-2021

.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 · ‎09-16-2021

Thank you! This has solved it!

Ninthony · ‎09-16-2021

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 😄