How can I align my newsletter title within the page frame?

Store Design
1

Hy dear

I have the newsletter (registration) somwhere in the middle of the shop-page (not in the footer).

If I align the title for newsletter left, it apperas on the verry left (as a page-with of 100%). Looks strange… Is it possible to align the title for the newsletter left, but inside the frame of the whole shop-page (with 1100 px).

Thany You verry much for help! :slightly_smiling_face:

2

Hey @Beat99

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hi @Beat99

Would you mind to share your Store URL website? with password if its protected. Thanks!

4

https://shop.freihof-kuesnacht.ch/

password angeyu

5

ok, I just did (see above). Thanx!

6

Thank you for the information. Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.newsletter__subheading.rte {
    margin-left: 0px
}
#shopify-section-template--15408790700203__164424670742db1c3b h2 {
    text-align: left !important;
}
form#contact_form {
    margin-left: 0px;
}
.newsletter__wrapper.color-background-1.gradient.content-container.isolate.content-container--full-width.section-template--15408790700203__164424670742db1c3b-padding {
   margin-left: 20px;
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

7

Hi @Beat99 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

8

wow, 1000 thany Anthony! It works!

… sorry for another Question: Is it also possible to align the subtitle an the field for the Mail-Address the same?

Gratings from Beate

9

Dear Ribe_Dagandrara

Thanx… but … now the items appear on the verry left but the title is still in the center…

Best regards

10

I don’t quite understand what you mean, does it look like this

Beae_Anthony_0-1692906491254.png
Beae_Anthony_0-1692906491254.png1293×334 10.3 KB

11

oh, sorry, my english ist to bad…

the title (Newsletter) is in the correct position.

the subtitle (Melden Sie sich an…) is still align center and shohld be align left

the field for E-Mail is still align center and shohld be align left

12

this would be the result... but i do not get it...
this would be the result... but i do not get it...1605×1605 23.2 KB

13

this would be the result, but I do not get it… :cry:

14

Yes, i got your point, you can add more this code below:

Beae_Anthony_0-1692909424051.png
Beae_Anthony_0-1692909424051.png1320×677 463 KB

15

YAG (You Are Great)… exactly what I neet.

1000 thanx an all the best !!!

:folded_hands:

16

I am very happy to have helped you. If you have any further problems, don’t hesitate. Have a good day :blush:

17

Dear Anthony

sorry, me again… it seams not quite to be responsive…

On my iPad it looks like this (1st picture: items too far left) and on my handy (2nd picture: title too far left, subtitle stil center and mail too far left).

Greatings from B.

IMG_1068.png
IMG_1068.png2048×2732 908 KB

IMG_9508.png
IMG_9508.png1125×2436 251 KB

18

I just could manage, to have the subtitle not center but left… but still all items too far left on smaler screens :tired_face:

19

Hi @Beat99

Maybe this help.

Open your theme.liquid file and paste it ont before the tag.

And save.

I hope it help.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

20

@Made4uo-Ribe : unfortunattely not… I do not see any difference…