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.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024