Space between elements

Solved
Anonymshop
Explorer
81 0 17

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?

Bildschirmfoto 2021-01-20 um 20.30.55.pngMany Thanks!!

0 Likes
JHKCreate
Shopify Partner
2051 332 446

Hello @Anonymshop ,

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Anonymshop
Explorer
81 0 17

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!

0 Likes
Anonymshop
Explorer
81 0 17

We would be happy, if you could answer us

Best regards!

0 Likes
JHKCreate
Shopify Partner
2051 332 446

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Anonymshop
Explorer
81 0 17

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!

0 Likes
JHKCreate
Shopify Partner
2051 332 446

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Anonymshop
Explorer
81 0 17

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!

0 Likes
JHKCreate
Shopify Partner
2051 332 446

Oh the social media icons

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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Anonymshop
Explorer
81 0 17

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