How to narrow width of text on pages

Solved
Highlighted
New Member
10 0 0

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
1283 276 377

Hey @gianluca96,

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
New Member
10 0 0

 

Hey dmwwebartisan,

 

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

 

Product pageProduct pageFAQ pageFAQ page

0 Likes
Highlighted
Shopify Partner
1283 276 377

Hey @gianluca96,

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
New Member
10 0 0

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
Highlighted
Shopify Partner
1283 276 377

Hey @gianluca96 

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
New Member
10 0 0

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
1283 276 377

This is an accepted solution.

Hey ,  @gianluca96 

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
80 7 8

This is an accepted solution.

Hi @gianluca96,

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

0 Likes
Highlighted
New Member
10 0 0

Hi @Pankaj_Gupta  & @dmwwebartisan 

 

I have resolved the issues, thank you

0 Likes