To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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



Accepted Solution (1)

Accepted Solutions
Ninthony
Shopify Partner
2283 345 973

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
2283 345 973

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
New Member
2 0 0

Thank you! This has solved it!

Ninthony
Shopify Partner
2283 345 973

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 😄