How do I add full width banner for each of the collections?

Store Design
21

I added “image with text” section to the top of the about page.

22

@analana

yes, please try this code

@media screen and (min-width: 750px) {
.section-template--15784886468836__164944340452922d7d-padding {
max-width: 100%;
    padding: 0;
}
}
23

which asset do I pick to insert the code?

24

@analana

base.css bottom of theme file

25

what I mean is I want the “about” section to look like all of my collection sections, with the text centered on the pink background. How can we change that? see the photo attached.

The full width photo looks exactly how I wanted, thanks!

Screen Shot 2022-04-12 at 9.38.06 AM.png
Screen Shot 2022-04-12 at 9.38.06 AM.png2220×1026 316 KB

26

@analana

yes, please add this code

#shopify-section-template--15784886468836__164944340452922d7d .image-with-text__content
{
background: #fbf1ee;
}
27

Thank you, you are great!
I promise, my last question:)

How can I align text to center and move it in the middle of the pink background?

1.jpg
1.jpg2352×1238 284 KB

Thank you in advance @KetanKumar

28

@analana

no rush

please upload this code also

#shopify-section-template--15784886468836__164944340452922d7d .image-with-text__content {
    justify-content: center;
}