How can I adjust the spacing between elements for better alignment?

Hello there,

as you can see the elements are too close to each other.

Could you please help me make sure these are left-justified as well as right-justified?


Many Thanks!!

Hello @Anonymshop ,

Would you mind sharing your store’s URL so we can solve this?

Hello and thank you very much for your answer!

I sent you the information privately.

Thank you very much for taking the time to help us!

We would be happy, if you could answer us :smiling_face_with_sunglasses:

Best regards!

Hi @Anonymshop ,

Please add the following code to your theme.css file:

span.input-group__btn {
    margin-top: 15px;
}

button.btn.newsletter__submit {
    text-align: left;
}

That should do it! Let me know

Thank you, but unfortunately it didn’t work.

Somehow the newsletter has moved.

I then reversed it.

I hope you can try again.

Best regards!

It moved down to create some padding up top if I’m not mistaken. What is the output needed?

I don’t know if it was unique, but we want the social media icons to be left and right aligned.

And as much space as needed between the social icons.

Please excuse if it was inaccurate!

Oh the social media icons :slightly_smiling_face:

No worries, add this instead:

ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {
    text-align: left!important;
}

li.social-icons__item {
    padding-right: 13px;
}

That should do it!

If you need any more information, please feel free to ask!

1 Like

Hi @Anonymshop ,

Add the following code instead:

li.social-icons__item {
    padding-right: 13px;
}

ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {
    text-align: left!important;
}

That should do it!

1 Like

Do you have the opportunity to help us? If so, we would be happy to receive an answer!

Thank you so much! It worked great!

I have just looked at it on my cell phone, and unfortunately it is not correctly aligned there. Could you maybe help there too? Many thanks!