Side padding for Dawn Theme - Amending CSS

[curiouscat32]

Hi, I am using the dawn theme and using the block image with text to build my new website. 

The image is on the left hand side but there seems to be padding on the left of it. How do I make it so that the image is fully fitted to the edge? 

Is there custom css anyone can assist with? 

[MastersHub]

Hi

Can you give me page url.

[BrainStation23 · Accepted solution]

HI @curiouscat32.

If you want the section to be full width. You can do the followings to edit your code:

1. Go to Edit Code

2. Find image-with-text.liquid file

3. Replace <div class="page-width"> with <div>

For your convenience, you can view the screenshot below.

 

Faisal Ahmed | Brain Station 23
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution

[curiouscat32]

Thanks for that. Now that I have done that it seems that that section is a lot wider than the header, slideshow etc. 

Is there a way to match all of them together? So it seems i also need to make my header wider.

[BrainStation23]

Hi @curiouscat32 , If you want this behavior for just desktop and bigger devices, you can do the following.

In your base.css file,

Replace the following code with

.page-width {
    padding: 0 5rem;
  }

with this code snippet

.page-width {
    padding: 0 0;
  }

You can view the above screenshot. Please let me know if have any question or the issue isn't solved.

Faisal Ahmed | Brain Station 23