Blog width size on a customised EDITIONS theme

Store Design
1

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

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

Should do the trick

1 Like
3

Thank you! This has solved it!

4

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