Newsletter - center the pop-up newsletter

Topic summary

A user seeks help centering a newsletter pop-up on their Shopify store (cotiereofficial.com) and wants to apply custom text color.

Multiple Solutions Provided:

  • Four different community members offered CSS/HTML code solutions
  • Approaches varied between editing theme.liquid file (adding code before </body> or after <head>) and modifying theme.min.css file
  • Solutions primarily used CSS properties like text-align: center and -webkit-center

Current Status:

  • The original poster reported that none of the provided codes worked
  • They question whether existing code might be overriding the suggested solutions
  • Screenshots were shared showing the issue persists
  • The discussion remains unresolved with no working solution confirmed
Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hi everyone, I want to center the newsletter (pop-up) on www.cotiereofficial.com

Does anybody have a custom css code for this?

I would also like to give it a custom text color.

Thakn you

Hey @marcelp

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

  • Here is the solution for you @marcelp
  • Please follow these steps:

  • Then find the theme.min.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.section-x-padding.py-theme {
     text-align: -webkit-center !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hello @marcelp
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> theme.min.css

@media (min-width: 1024px) {
.section-x-padding {
text-align: -moz-center;
}
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

Hi @marcelp

Please go to your Online Store > Themes > Edit code, open theme.liquid file, add this code after


Unfortenatly it didnt work. Unfortenatly non of the codes worked. Is there maybe another code writing over the ones you guys sent me?