Side padding for Dawn Theme - Amending CSS

Shopify Discussion
1

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?

Screenshot 2024-02-05 at 2.03.06 pm.png
Screenshot 2024-02-05 at 2.03.06 pm.png1235×371 30.7 KB

2

Hi

Can you give me page url.

3

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

    with

For your convenience, you can view the screenshot below.

image-with-text.PNG
image-with-text.PNG1574×848 62.6 KB

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
4

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.

5

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;
  }

dawn.PNG
dawn.PNG1878×893 55 KB

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