Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
.article-page__content {
max-width: 700px;
margin: 20px auto;
}
Should do the trick
This is an accepted solution.
.article-page__content {
max-width: 700px;
margin: 20px auto;
}
Should do the trick
Thank you! This has solved it!
No problem, glad it helped. Thanks for accepting the solution.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024