How to change width of content area of blog posts page on IMPULSE theme

Solved
thomasgsmith88
Tourist
4 0 1

Hi there,

Looking to change the content width of the blog posts page without affecting the whole page (header, footer etc)

I have previously tried the below but it changed the full page including header, footer etc and i couldn't figure out how to exclude them...

Any ideas?

 

.template-article .page-width {max-width: 800px !important; padding-left: 15px !important; padding-right: 15px !important;}

 

0 Likes
Pallavi
Shopify Expert
1293 175 212

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes

Hello,
Please share your store URL with password (If Needed), So that I will give you proper solution here !

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
thomasgsmith88
Tourist
4 0 1

Store URL (blog post page): https://yowsurf.com.au/blogs/news/yow-x-pukas-dark

Pass: wohfed

0 Likes
thomasgsmith88
Tourist
4 0 1

Store URL (blog post page): https://yowsurf.com.au/blogs/news/yow-x-pukas-dark

Pass: wohfed

0 Likes

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

.template-article #MainContent .page-width.page-narrow.page-content {
    max-width: 800px;
    padding-left: 15px;
    padding-right: 15px;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Pallavi
Shopify Expert
1293 175 212

This is an accepted solution.


Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.template-article #MainContent .page-width.page-narrow.page-content
{max-width: 800px !important; padding-left: 15px !important; padding-right: 15px !important;}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
thomasgsmith88
Tourist
4 0 1

Perfect, love your work. Thanks so much for that!

Pallavi
Shopify Expert
1293 175 212

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes