How to narrow the width of my website (Sense theme)

[lyndseycupit]

I am using the theme Sense – my website is www.lifewithlyndsey.com to see what it looks like. I would like it to be narrow and I would like my banners to line up similar to the website https://shinealightdesigns.com/

I dont want the banners going to the edge of the page I’d like them to all line up.

[PageFly-Victor]

Hi @Zakariatheguy,

This is Victor from PageFly - Shopify Page Builder App.

Please find this line of code in your base.css file and change that

Step 1: Online Stores > More action > edit code > base.css

Step 2: Find

.page-width {

    max-width: var(--page-width);

Now you can change the max-width value, in the desired page you want to look alike have the 100rem instead of your ( 140rem).

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

[BSS-Commerce]

Hi @lyndseycupit

Please follow these steps:

1. Navigate to Online store > Themes > Edit code

2. Find the file named “section-image-banner.css”. Then scroll down to the bottom and add these codes.

.banner {
    max-width: 1100px;
    margin: auto;
}

I hope that it works for you.

[GemPages]

Hello @lyndseycupit

You can follow these steps:

1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team