How to change picture of E-Mail Popup Motion Theme

Store Design
, , , , , , , , , , , , , ,

Topic summary

A user seeks help changing the background image of their email popup on the Motion theme.

A community member provides a CSS solution:

  • Navigate to Online Store → Edit Code → theme.liquid
  • Insert custom CSS code above the tag
  • Replace the placeholder image URL with the desired background image

The solution appears successful based on a shared result screenshot.

A follow-up question emerges about repositioning the checkout button, which is misaligned too far left on desktop browsers (mobile display is fine). This secondary issue remains unresolved.

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

Hey can someone tell me how i can change the backround to a custom picture of my email popup?

shop: www.barsenz.com

dddfsdfsdfsdfsdf.PNG
dddfsdfsdfsdfsdf.PNG1781×1033 139 KB

2

Hi @richardlrnz ,

I do not know if there is any specific settings on your theme that can add this background. However i have writter a CSS that can make this possible.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

NOTE: You can replace the image URL with your image.

Result:

theycallmemakka_0-1711650992478.png
theycallmemakka_0-1711650992478.png1475×683 202 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like
3

thank you very much for your quick response! i have another question. can you tell me how i can move my checkout button but only in pc web browser and not on mobile. as you can see my checkout button is a bit too much on the left side.