Solved

How can I adjust the full width for blog text in an app?

Stagtis
Excursionist
59 0 12

Hi, I installed an app to do blogs on, but there's no option for full width on the body of textScreenshot 2024-02-13 111228.png. It has its own CSS sections such as JSON in the code editor. thanks

Accepted Solution (1)

Spac-es
Shopify Partner
328 98 111

This is an accepted solution.

Add this code in your base.css file:

header.page-width.page-width--narrow.scroll-trigger.animate--fade-in,
.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in,
.article-template__social-sharing.page-width.page-width--narrow.scroll-trigger.animate--slide-in {
  width: 90% !important;
  max-width: 130rem !important;
  padding: 0px !important;
}

MOBILE

 

mobile.PNG

 

PC

 

PC.PNG

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!

View solution in original post

Replies 4 (4)

stefansweb2020
Shopify Partner
134 10 5

Share your blog url

Stefan Momcilovic
Founder of StefansWeb
https://stefansweb.com

webwondersco
Shopify Partner
1038 157 154

@Stagtis Please add the below line of CSS code at the end of your base.css file.

 

@media(min-width:990px){
body .article-template__content.page-width{
max-width:var(--page-width);
padding:0 9rem;
}
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
a small Coffee Tip would be greatly appreciated. 🙂

Spac-es
Shopify Partner
328 98 111

This is an accepted solution.

Add this code in your base.css file:

header.page-width.page-width--narrow.scroll-trigger.animate--fade-in,
.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in,
.article-template__social-sharing.page-width.page-width--narrow.scroll-trigger.animate--slide-in {
  width: 90% !important;
  max-width: 130rem !important;
  padding: 0px !important;
}

MOBILE

 

mobile.PNG

 

PC

 

PC.PNG

 

Any donation is welcome! https://www.buymeacoffee.com/spacescoffee Thanks in advance!
Stagtis
Excursionist
59 0 12

thanks so much everyone