Is it possible to reduce image with text overlay width in Narrative theme?

[con17]

Hi I wanted to know if I can reduce the width of the image instead of being as wide as possible rather the width to be in line with the icons in the header.

Website url https://tbp17.myshopify.com/

[KetanKumar]

@con17

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.hero {
max-width: 920px; /* change value as you like */
    margin: 0px auto;
}

[dfiroz]

I have solved your issue.

First of all, Go to Online Store-> Theme->Edit code

then Asset->/theme.scss.liquid->paste below code at the bottom of the file.

div#shopify-section-1476381658595 {
    width: 980px;
    position: center;
    text-align: center;
    margin: 0 auto;
}

or Go to the Layout folder then click on a theme. liquid and paste the below code

div#shopify-{{section.id}}{
    width: 980px;
    margin: 0 auto;
}

I have found that you haven’t set anything in your store. If you need any free consultation you can message me.

[con17]

@KetanKumar

Thank you for your time, solution, and reply. Would this be possible for the Gallery element also?

[KetanKumar]

@con17

Yes, please give me screenshot?

[con17]

@KetanKumar

Hey thanks for the reply here is the example

[KetanKumar]

@con17

yes i have post solution your new post please check