How to change the text width for all pages across store – Baseline Theme

Store Design
, , ,
1

Hello,

How to change the text width for all pages across Shopify store (Baseline Theme)?

Here is the URL, and an example of one of the pages we wish to shorten the text width for, so that it doesn’t go from one end of the screen to the other, and so it is centred more as a shorter block of text in the middle.

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

Thanks

1 Like
2

Hey @MJ82

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1729619214422.png
Moeed_0-1729619214422.png1916×508 48.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @MJ82

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.section-x-padding.py-theme.lg\:flex.lg\:justify-center {
    width: 90%;
    margin: auto;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

4

Hi @MJ82

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

5

Thanks, this worked!

6

One thing though, this change has worked but when I make the browser window on desktop smaller, the text gets very thin. I see on other stores, the text stays in the same block and responsive to whatever size the browser window is at. Please see here for an example: https://wearebraindead.com/pages/about-us

If you go here and make the window smaller (by width), you’ll see the text goes into a very narrow long line vertically.. https://contrakidsmutiny.com/pages/about-us