Removing left and right padding with Dawn Theme

[AllBellFitness]

Hi there, 

I am wanting to remove the padding on left and right in the Dawn theme so that the coloured background stretches the full width of the screen. Is there a custom code or can I edit a current code to show 0 padding on left and right? 

I am using the Image with Text section in a few different areas all with different coloured backgrounds. See grey area and orange area. 

[suyash1]

@AllBellFitness - can you please share this page link?

[AllBellFitness]

https://allbellfitness.myshopify.com/

Thanks for your help @suyash1 

[suyash1]

@AllBellFitness - password to view page?

[AllBellFitness]

Oh sorry it's shohck

[suyash1]

@AllBellFitness - add this css to the very end of your base.css file and check

.image-with-text.page-width {padding: 0;}

[AllBellFitness]

@suyash1 It works when I am using my laptop screen but when I move over into a larger screen it isn't responsive like the full width images are. Is there a way to make it responsive for a larger screen? 

[suyash1 · Accepted solution]

@AllBellFitness - please use this css 

.image-with-text.page-width {padding: 0;    width: 100%;    max-width: 100%;}

[AllBellFitness]

Thank you very much @suyash1 that has worked. 

[luckypets]

this is not working for me can someone help?

[tez_brooks]

Where do you put this code?

[SiteBuilder]

This is unfortunately not working for me, I tried to put that CSS in:

- the Custom CSS field of the "Image with text" menu

- the Custom CSS field of the "Theme settings" menu

- the base.css file

None of them work (the first one returning an error message that this css command isn't accepted there.

Any other idea o how to remove left and right padding from a "Image with text" section in a Dawn theme?

Regards