Editing Promo Popup

This topic has 17 replies, 2 voices, and was last updated 2 years, 7 months ago by Elise Noromit.

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
May 29, 2022 at 2:33 pm #379633

tekeci
Participant

Hello. I can’t remove background-image, border and making light theme on promo popup. How can I do that?

Attachments:
You must be logged in to view attached files.

May 29, 2022 at 8:07 pm #379683

Elise Noromit
Member

Hello,

The Popup is the HTML block: https://xtemos.com/documentation/woodmart/

You can check which one is used as well as additional options in the Theme Settings > General > Popup.

If you have any questions please feel free to contact us.

Best Regards

May 30, 2022 at 12:51 am #379726

tekeci
Participant

Thank you so much. I create my own popup but there is some white border. I couldn’t delete space around image… How can I edit this like screenshot.

And how can I place cross icon in popup? (like screenshot)

Attachments:
You must be logged in to view attached files.

May 30, 2022 at 7:35 pm #380001

Elise Noromit
Member

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

May 30, 2022 at 8:39 pm #380009

tekeci
Participant

Sure. 🙂

May 31, 2022 at 3:00 am #380065

Elise Noromit
Member

Hello,

The popup differs from the screen: https://gyazo.com/1a16cb1135963c4d39d55fa0872a9ce0 I do not see the border. Please clarify.

If you have any questions please feel free to contact us.

Best Regards

May 31, 2022 at 12:03 pm #380158

tekeci
Participant

You can check now.

June 1, 2022 at 1:51 am #380313
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
.wd-popup {
    padding: 0;
}
```
In addition, you will need to add paddings inside the section of the HTML block: https://gyazo.com/cb15f7f2b06be271441a268f80bccd4d

Best Regards
June 1, 2022 at 5:11 pm #380572

tekeci
Participant

Sorry, it didn’t work.

June 2, 2022 at 2:15 am #380661

Elise Noromit
Member

Hello,

Please clear the cache and check again: https://gyazo.com/180fe151143b61022484f901344ad2f7

The gaps in the top and in the bottom are removed in the widgets section of the HTML block.

If you have any questions please feel free to contact us.

Best Regards

June 2, 2022 at 2:50 am #380663

tekeci
Participant

What about top and bottom padding?

June 2, 2022 at 12:33 pm #380783

Elise Noromit
Member

Hello,

The gaps in the top and in the bottom are removed in the widgets section of the HTML block.

You need to enter the HTML, then section settings > Advanced, and set “zero” in margins/paddings.

If you have any questions please feel free to contact us.

Best Regards

June 2, 2022 at 12:50 pm #380791

tekeci
Participant

Sorry, I can’t change anything. Did I misunderstand?

June 3, 2022 at 3:57 am #380940

Elise Noromit
Member

Hello,

Find Promo popup HTML block, enter section and columns and set zero: https://gyazo.com/1ec026c568869feb57b6c6b207a35cce

If you have any questions please feel free to contact us.

Best Regards

June 3, 2022 at 12:41 pm #381030

tekeci
Participant

Thank you so much!! I have one more question. How can I place cross icon in popup section?

June 4, 2022 at 4:04 am #381138
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .mfp-wrap .wd-popup.wd-promo-popup {
    position: relative;
}
body button.mfp-close {
    position: absolute;
    color: black;
}
```
Best Regards
June 4, 2022 at 11:15 am #381178

tekeci
Participant

YOU ARE GREAT! Thank you so much.

June 4, 2022 at 11:24 pm #381231

Elise Noromit
Member

You are welcome! We are here to help.

Wish you a wonderful day!
Author

Posts