How to narrow width of text on pages

Solved
Highlighted
Tourist
17 0 2

Hi there,

 

Currently the text on my pages goes from end to end of the screen. I'd like to make the width a bit more narrow on the desktop version.

I would also like to do this on the product page tabs, the text does the same thing. I would also like to make this more narrow.

I appreciate the help! Thank you

 

My store:

initiali.co

pw: bligha

0 Likes
Highlighted
Shopify Partner
1589 347 465

Hey @initiali_co,

I checked your website but don't get which section you are talking about.

Could you please provide a screenshot?

 I can give you a solution here.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
17 0 2

 

Hey dmwwebartisan,

 

Thank you very much! Please see attached, hopefully they make sense.

 

Product pageProduct pageFAQ pageFAQ page

0 Likes
Highlighted
Shopify Partner
1589 347 465

Hey @initiali_co,

For the FAQ page please add the following code in your assets/theme.sscs.liquid file.

#faq.grid{justify-content: center;display: flex;}
@media only screen and (min-width: 768px){
#faq.large--one-whole {width: 50% !important;}
}

For product page

.description--tabs {
    width: 80% !important;
}

Hope this will work.

 

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
17 0 2

Hey @dmwwebartisan 

 

Thank you for that, I am just struggling to find where to insert this code? If you could please clarify that would be great. 

 

Thanks!

0 Likes
Shopify Partner
1589 347 465

Hey @initiali_co 

Please check this link How to edit the CSS of your Shopify theme 

I hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
17 0 2

Thanks @dmwwebartisan I have had a look but I do not have a theme.scss.liquid under section - would this be located under a different name?

 

Thank you

0 Likes
Highlighted
Shopify Partner
1589 347 465

This is an accepted solution.

Hey ,  @initiali_co 

Please send  a screenshot .

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
106 13 15

This is an accepted solution.

Hi @initiali_co,

For scss file go to Online Store -> Actions -> Edit code -> Assets -> Timber.scss.liquid

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes
Highlighted
Tourist
17 0 2

Hi @Pankaj_Gupta  & @dmwwebartisan 

 

I have resolved the issues, thank you

0 Likes