Text On The Whole Page Blog Post Venture Theme

Store Design
1

Hello,

How to make the text not to be on the whole page? like this blog post : https://crane-faction.com/blogs/blog-tete-de-mort/tatouage-tete-de-mort

dryd.JPG
dryd.JPG1344×1234 238 KB

on my blog the text is on the whole page : https://acc2diy1jriod7wv-63061000428.shopifypreview.com/blogs/biking/articles?preview_key=6bb2e825443f2771e32ec7abd9ef6f68

1 Like
2

Hi @Max123456 ,

Are you wanting this?

Screenshot.png
Screenshot.png1271×802 64.7 KB

Or do you add a sidebar to your blog?

1 Like
3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
body.template-article .page-width article.grid .large-up--four-fifths,
body.template-article .page-width .large-up--one-fifth{
width: 100%;
flex: 0 0 100%;
}
body.template-article .page-width .large-up--one-fifth .stickydiv.fixed {
width: unset;
position: unset;
}
1 Like
4

@LitCommerce yes something like this

5

@ZestardTech there is no difference

6

Hi @Max123456 ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.template-article .main-content .page-width {
	max-width: 990px !important;
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

1 Like
7

@LitCommerce thank you! How to do something like this? :

jioujç.JPG
jioujç.JPG1260×1222 228 KB

And how to make the text the size of the images (goes to the line at the end of the images)? :

drydy.JPG
drydy.JPG1256×632 37.2 KB

8

Hi @Max123456 ,

  • With sidebar: It will be a complex request and requires many changes, so I cannot guide you in detail. I recommend you to hire experts for it, they will help you add it quickly.

  • With text: Please add code CSS:

.template-article .main-content .rte img+p{
	max-width: 480px;
}