Increase page width of blog posts in Warehouse theme

samir13k
New Member
3 0 1

Hello,

I would like to make the width of our blog be closer to 75% of the page width as opposed to the current half page or so that is used (Looks like 720px limit)

Could someone point me to the correct direction on how to change this to 3/4 page width utilization or so?

Here is a sample blog draft

https://machinevisiondirect.com/pages/image-sensor-formats

I did not see a width limiit in the liquid file but I'm not an expert so it's possible I missed it

thank you in advance!

dmwwebartisan
Shopify Partner
5760 1318 1691

@samir13k 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-page .container--narrow{
max-width: 100% !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
KetanKumar
Shopify Partner
16953 1838 6344

@samir13k 

sorry for this issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-page .container.container--narrow {max-width: 100%;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
LitExtension
Shopify Partner
656 67 119

Hi @samir13k,

 

Your problem cause by class "container--narrow". If you change style this class, it'll change globally. You should check this first.

Screenshot to refer: https://prnt.sc/11q3jjn

You can solve your problem in 2 ways below:

Way 1: You should find this class on this page and remove class "container--narrow"

Way 2: You will change this style in this class like this:

.container--narrow {

    max-width: 70%;

}

But this change will change global when any page contains this class.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes