FROM CACHE - en_header

Prestige theme - Increase width of single section of text

Solved
jaylan_tahtali
Explorer
48 0 4

Hi team,

Hope you are well.

I'm wondering how I can increase the width of the below section only on my "about us" page please. I would like the width of the text to match the width of the same section on my product page. See below:


about us page:

https://leikenhair.com/pages/about-us

Store password = daoroh

jaylan_tahtali_0-1638313540031.png

 

I would like the above section to match the width of this section below on the product page please:

https://leikenhair.com/collections/hair-curlers/products/skycurler-sunday-rose

 

jaylan_tahtali_1-1638313610123.png

 

Thanks so much for your help in advance 🙂

 

Accepted Solution (1)

Accepted Solutions
ZestardTech
Shopify Expert
3594 592 833

This is an accepted solution.

Hello There,

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

@media screen and (min-width:767px){
    .template-page div#shopify-section-skycurler6 .FeatureText__Content {
        max-width: 60%;
    }
    .template-page div#shopify-section-skycurler6 .FeatureText__Content .SectionHeader__Description {
        max-width: 100%;
    }
}
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

View solution in original post

Replies 5 (5)
ZestardTech
Shopify Expert
3594 592 833

Hello There,

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

@media screen and (min-width:767px){
.template-page div#shopify-section-skycurler6 .FeatureText__Content {
max-width: 45%;
}
}
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
jaylan_tahtali
Explorer
48 0 4

Hi @ZestardTech ,

Thanks so much for getting back to me and for your solution :). I tried as you said but unfortunately it did not work correctly. 

See below:

jaylan_tahtali_0-1638346768315.png

 

Thanks for your help 🙂

ZestardTech
Shopify Expert
3594 592 833

This is an accepted solution.

Hello There,

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

@media screen and (min-width:767px){
    .template-page div#shopify-section-skycurler6 .FeatureText__Content {
        max-width: 60%;
    }
    .template-page div#shopify-section-skycurler6 .FeatureText__Content .SectionHeader__Description {
        max-width: 100%;
    }
}
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
jaylan_tahtali
Explorer
48 0 4

Hi @ZestardTech ,

That's awesome! That worked! Thank you so much!! Really appreciate for your help :). 

ZestardTech
Shopify Expert
3594 592 833

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

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