Dawn 2.0 large space on desktop view between image with text sections

Store Design
1

Does anyone know how to reduce the size of the box the text on “the image with text” section is? At the moment i have 3 of the same sections together one after another and becase I am choosing to overlap the text over the photo (because it looks best, will be white not coloyred) the text box is big and the extra empty coloured section of the box is creating too much space between sections.

I cant share the URL as not currently live.

Any idea? Many thanks

Screenshot 2022-05-19 at 17.32.12.jpg
Screenshot 2022-05-19 at 17.32.12.jpg1966×1088 196 KB

2

Welcome to shopify community.

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

Thank you.

3

Hi @noap ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (min-width: 990px) {
	.image-with-text__content {
		padding: 4rem 5rem 5rem;
	}
}
.image-with-text__content {
	padding: 3rem 3rem 3rem;
}
.image-with-text__heading {
	font-size: 3rem !important;
}
.image-with-text__text {
    font-size: 1.2rem !important;
}

Hope it helps!

4

Thank you. It worked but the writing is tiny and if I change the writing back to 1.6rem then the space comes back…

5

Thank you. My store is not live yet, only a landing page. Might need to wait until it is live I guess so I can share.

6

Hi @noap ,

You can try reducing the padding of the content:

Screenshot.png
Screenshot.png1005×536 35 KB

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.