How can I make my main banner full width using the Stockholm theme?

Store Design
1

I am using the Stockholm theme and want my main banner image on homepage to be full width. How do I do this?

1 Like
2

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

3

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

4

URL: https://miss-april-towels.myshopify.com/

PW: ortawg

5

please add below css code in bottom of assets/base.css file

.image-banner.container {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;

}
Thank you.

1 Like
6

Thank you that worked perfectly!

Do you also know how I can edit the size and colour of the button on this banner image?

7

please add below css code in bottom of assets/base.css file

.image-banner__button {
font-size: 1.1rem;
opacity: 1;
padding: 18px;
}

Thank you.

8

what should i change the opacity to to make the button a solid colour?

9

yes, for solid color opacity is Zero.

Thank you.

10

I have made it zero and button is still not solid colour?

11

sorry,

Please set opacity: 1;

Thank you.

12

Setting it as 1 still doesnt change anything?

1 Like
13

Please add below css code in bottom of assets/base.css file

.button[aria-disabled=true] {

opacity: 1;

}

Thank you.

1 Like
14

Hi guys, I am also using the Stockholm theme but wish to make the whole theme full width, any solutions