How to align Email Signup to the left (Dawn Theme)

Store Design
1

I’m having trouble aligning all of the content of my email signup section to the left with CSS.

Can someone please assist?

2

Hey @Jessicax ,

Can you share the link to your store please? Thanks!

3

Hello @Jessicax

Can you share store URL?

4

@Jessicax Please share your store URL to help you on this.

5

My store: https://capcovers.myshopify.com
Password: theirt

6

My store is: https://capcovers.myshopify.com
The Password is: theirt

7

Hey @Jessicax ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710727451708.png
ThePrimeWeb_0-1710727451708.png2166×1596 276 KB

1 Like
8

@Jessicax Please follow below steps for aligning all of the content of my email signup section to the left in footer section.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click “Customize” button from the current theme.
  3. Select footer section and paste below code in the “Custom CSS” field as shown in below image.
.newsletter__wrapper {
    text-align: left;
}
.newsletter__subheading {
    margin-left: 0;
    margin-right: 0;
}
.newsletter-form {
    margin-left: 0;
    margin-right: 0;
    flex-direction: row;
    justify-content: left;
}

Vinsinfo_0-1710777341012.png
Vinsinfo_0-1710777341012.png288×501 14.1 KB

  1. Save.

Vinsinfo_1-1710777418792.png
Vinsinfo_1-1710777418792.png1211×521 19.1 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

9

Hello,

Just ran across this solution and it works great - but it makes my background not full width.

For reference my store is bombsupply.com - what would I need to add or modify to make the background color full width but keep the text where it is?