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.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
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:
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