Hi all,
is it possible in a blogpost to have the same width for text and image? How can i make this?
So that everything is in one line ?
And how can I change the font size in a blog post?
Thank you for your help
Denise
Hi @chumani
Could you drop your blog link here?
Hi @Dan-From-Ryviu , the blog link
https://www.chumani-jewels.com/blogs/journal/diving-into-the-moonstone-collection
Hi @chumani
Go to your Online store > Themes > Edit code > open theme.css or theme.css.liquid file, add this code at the bottom and save file
#shopify-section-article-template,
#shopify-section-article-template img { max-width: 680px !important; margin: 0 auto; }
Thank you so much for your quick help 
It works. Do you even now how I can change the font size ? And the header in the blog menĂĽ is different 
Hi @chumani
Please add this code to change font-size of blog’s text
#shopify-section-article-template .rte p,
#shopify-section-article-template .article__date { font-size: 16px !important; }
And this code to change font-size of header blog
#shopify-section-article-template h1.article__title { font-size: 30px !important; }
1 Like
Thank you so much. It’s not the size of header blog, I meant the style… in the preview it uses my special font BAGERICH (this fits better to the blog)..in the blog the header is just DM Sans
@Dan-From-Ryviu Excatly, here its Bagerich, but in the preview (via Footer => JOURNAL) it shows DM SANS
Is there a possibility that in mobile version the pictures fit in mobile view?
Please update this code
#shopify-section-article-template,
#shopify-section-article-template img { max-width: 680px !important; margin: 0 auto; }
To this
#shopify-section-article-template,
#shopify-section-article-template img {
max-width: 680px !important;
margin: 0 auto;
width: 100% !important;
}
Mobile Version is perfect ! Thank you for you super quick help @Dan-From-Ryviu
1 Like