How To Get Email Sign-Up Section In The Center On The Footer With Spotlight Theme

Store Design
,

Topic summary

A user seeks help centering the email sign-up section in the footer of their Spotlight theme and removing duplicate social media icons.

Solution Provided:
Another user supplied custom CSS code to:

  • Hide duplicate social media icons in the newsletter block
  • Center-align the newsletter section and form
  • Center the footer content wrapper

Implementation Steps:

  1. Open Shopify theme editor
  2. Click on footer section
  3. Scroll to custom CSS
  4. Add the provided CSS code snippet
  5. Save changes and verify

Note: The code will also center footer links as previously requested by the original poster.

Status: The solution was accepted with thanks, suggesting successful resolution.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I am trying to get my email sign-up section in the footer section in the center and I am also trying to get rid of the double social media icons, any help is appreciated!

Screenshot (1).jpeg
Screenshot (1).jpeg1892×588 36.3 KB

2

Hey Duri.
Can you provide your store’s URL?

3

e3a3bd.myshopify.com

I messaged you the password

4

Thank you.

You can use this code:

.footer-block--newsletter .footer__list-social {
    display: none!important;
}

.footer-block--newsletter .footer-block__newsletter {
    text-align: center!important;
}

.footer-block--newsletter .footer-block__newsletter form {
    margin: 0 auto!important;
}

.footer__content-bottom-wrapper {
    justify-content: center!important;
}

You need to add the code to the footer section. To do that, follow these steps:

  1. Open the theme editor in your Shopify admin panel.
  2. Click on the footer section.
  3. Scroll down to custom CSS.
  4. Add the code I mentioned above.
  5. Save the changes and check if it works.

Note: This will also center your footer links as you messaged me.

Please let me know if that works.

Greetings

3 Likes
5

Thank you!!