How to change the width of a certain page content?

Solved
irkakhodjaev
Excursionist
14 1 2

Hi!

By default our theme (Wokiee) has two types of page width:

1) Fullwidth,

2) Boxed (1200 px)

We use boxed version.

For some pages 1200 px are too wide, so we would like to shrink the page content to 780 px.

How to achieve that without affecting other pages, Header and the Footer?

On the attached image you can see what we want to achieve.

page-width-example.jpg

0 Likes

Hi @irkakhodjaev ,

Share your store URL where you want modification.

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
irkakhodjaev
Excursionist
14 1 2

Hi @irkakhodjaev ,

It is fine at 780px media

oscprofessional_0-1631534507708.png

 

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
irkakhodjaev
Excursionist
14 1 2

@oscprofessional It's not about resizing the window, it's about changing the width of page's content.

Please, take a look at the screenshot I have attached to the question.

I want to change the width of page's content, so on any desktop screen wider than 780px the content wouldn't get wider.

Now the page's content is 1200px wide. I need it to change to 780px.

0 Likes

oscprofessional_0-1631596671447.png

 

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
irkakhodjaev
Excursionist
14 1 2

@oscprofessional As you can see there it affects the Header and the Footer. I need to change the width of the content only without affecting the Header and the Footer.

0 Likes

@irkakhodjaev ,

 

oscprofessional_2-1632135081897.png

you want like this?

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
irkakhodjaev
Excursionist
14 1 2

@oscprofessional Yes, exactly!

0 Likes

@irkakhodjaev ,

 

.pagepage.about .container-indent {
    max-width: 780px;
    margin: 0 auto;
}

 


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

 

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