Solved

Can you adjust element spacing and alignment in Shopify?

Anonymshop
Explorer
82 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!!

Accepted Solution (1)
JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 13 (13)

JHKCreate
Shopify Expert
3571 639 916

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

Learn more about us: jhkcreate.com
Anonymshop
Explorer
82 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!

Anonymshop
Explorer
82 0 17

We would be happy, if you could answer us😎

Best regards!

JHKCreate
Shopify Expert
3571 639 916

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

Learn more about us: jhkcreate.com
Anonymshop
Explorer
82 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!

JHKCreate
Shopify Expert
3571 639 916

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

Learn more about us: jhkcreate.com
Anonymshop
Explorer
82 0 17

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

JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Anonymshop
Explorer
82 0 17

Thank you so much! It worked great!

Anonymshop
Explorer
82 0 17

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!

Anonymshop
Explorer
82 0 17

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

Anonymshop
Explorer
82 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!

JHKCreate
Shopify Expert
3571 639 916

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

Learn more about us: jhkcreate.com