Make Background Color Fill Page / Remove White Padding (Dawn Theme)

Store Design
, , , ,
1

Hello,

I currently have the ‘About Us’ page set with a black background but there is padding on the left/right sides that I cant quite figure out how to remove. Would like the body of this page to be completely black. This is the only page I want the body background to be black. Any help would be appreciated.

Additionally, sections within this page show a slight border. If there is a way to remove this line/border so background is complete black would be great.

This is the page: https://www.zetextracts.com/pages/about-us

zetextracts1.jpg
zetextracts1.jpg1845×874 91.5 KB

zetextracts2.jpg
zetextracts2.jpg1321×727 60.1 KB

2

@joel_mf

Hello,

please use below code above in theme.liquid

layout >> theme.liquid

.image-with-text__media { border: none!important; } .image-with-text { max-width: 100%!important; padding: 0!important; }

after paste the whole code look like this,

techlyser_ecom_0-1673380133384.png
techlyser_ecom_0-1673380133384.png1898×928 224 KB

3

Thank you for that! That’s exactly what I wanted with the background and borders but is there a way to keep the images and text centered, with the side padding so it doesn’t look so expanded?

I’d like the images/text to still be in the same position as my initial example, just the white padding changed to black. I appreciate your help!

4

@joel_mf sorry

i got it wait just a minute

5

@joel_mf

please remove the previous code and replace below code.

body.gradient { background: #121212!important; }

you want this look. am i right friend?

techlyser_ecom_0-1673381667943.png
techlyser_ecom_0-1673381667943.png1882×849 148 KB

6

Thank you so much that worked! It was showing that border around images but I just copied that portion of the original code and included it in the new code.

You’re awesome! :raising_hands:t4:

7

@joel_mf

my pleasure,

Was your question answered? Mark it as an Accepted Solution.

8

@niraj_patel

Hello!

Just wanted to follow up as I noticed the background was changed on all pages when I only wanted a black background on the ‘About Us’ page. Is there a way to make that happen?

Appreciate your help!

9

Please, remove the previous code than add the given code above in theme.liquid.

layout >> theme.liquid

{% if page.handle == ‘about-us’ %}

body.gradient { background: #121212!important; }

{% endif %}