Increase text width in mobile version of Venture theme

Highlighted
New Member
8 0 0

Hi,

I have a problem with the design of the article of the blog and the list of articles in:

https://erboristeriasimioni.it/blogs/notizie

https://erboristeriasimioni.it/blogs/notizie/cibi-per-dormire-quali-sono-gli-alimenti-piu-ricchi-di-... (example article)

The picture has full width but the titles and the text are too narrow, with too big margins on the left and right.

The theme is Venture. Where to modify code?

Thank you

 

0 Likes
Highlighted
Excursionist
18 7 10

Hi,

To fix this you should go to your theme dashboard >> chose edit code

step3.PNG

then scroll down to the assets folder and choose theme.scss.liquid

step4.PNG

then paste this code at the bottom of this file then save

@media only screen and (max-width: 749px){
.content-block {
padding: 10px !important;
}

you can edit the 10 to 0 if you would like to make the content wider than that.

Best regards

Shimaa

0 Likes
Highlighted
New Member
8 0 0

Screenshot_20200531-221702.png

Hi Shimaa it doesn't work. I see a page without pictures. I want to increase width of text and images only in blog

0 Likes
Highlighted
Excursionist
18 7 10

Hi,

Sorry for my delay in reply.

you are true. there is just a missed closing curly bracket in the code, which caused this problem

So please redo these steps but add  a closing curly bracket to the code, so it should be:

@media only screen and (max-width: 749px){
  .content-block {
    padding: 10px !important;
    }
}

Regards

 

0 Likes