How can I decrease the size of a custom newsletter popup?

Shopify Discussion
1

Hi,

Does anyone know how to reduce the size of a popup please?

The theme is called Motion but the popup was created bespoke I think by a third party (HeyCarson) - not exactly sure how they did it but it is different from the standard Motion popup.

This is the website - takes a little time to load the popup. I’d like to reduce everything by roughly half.

Thanks in advance.

3 Likes
2

Add this code in css file

.popup-container {
  width: 50%;
  height: 50%;
  padding: 10px;
  font-size: 14px;
}
3

Hi @Matthew_Mee

Regarding the delay of loading the pop up, you might have an option in the app to change the loading time.

If you want to adjust the width of the pop up, you can follow the instructions below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.scss file
  3. At very end of the code, add the code below
.modal__centered.text-center {
    max-width: 400px;
}

Result here

made4Uo_1-1686757774295.png
made4Uo_1-1686757774295.png1527×922 137 KB

1 Like
4

thank you!

5

thank you for your response - I couldn’t get it to work unfortunately but appreciate the help all the same. take care