Return to previous page

Promo Popup – X to Close and Color of Text Overlay

This topic has 10 replies, 2 voices, and was last updated 9 years, 5 months ago ago by Eva Kemp

mikeseopro

Participant

October 24, 2014 at 21:41

I enabled the popup and cannot see the X to close the popup.

When I hover my mouse in the top right corner, I can see my pointer change and I can click to close it. But visitors won’t know that.

The image I have uploaded has white color in the top right – is that why it’s not visible, because the X is white? If so, I need to know how to change the color of the X depending on the image being used for the popup.

Also, how can I change the color of the text used for the overlay? I’m trying to use white since the text is displaying on a dark background.

Thanks!
Mike

#21642 Copied

9 Answers

Eva Kemp

Support staff

October 24, 2014 at 22:19

Hello,

Please provide us with a link to your site and specify what text color exactly you need to change.

Thank you.
Regards,
Eva Kemp.

#21652 Copied

mikeseopro

Participant

October 24, 2014 at 22:34

Hi Eva,

The link to the website is below.

I removed the popup for now because visitors were emailing asking how to close it.

I have attached the image below so you can see the color in the top right corner – it’s mostly white.

And as far as the text color, I would like it to be dark so it contrasts with the white background. Black would be a fine color for the X in the top right corner.

For the overlay text, I would like to use white text since it is a dark background.

Looking forward to your feedback.

Thanks,
Mike

Please, contact administrator
for this information.

#21657 Copied

Eva Kemp

Support staff

October 24, 2014 at 23:44

Hello,

We need to view pop up block to be able to provide you with the correct code for customization.
Could you please enable it?

Thank you.
Regards,
Eva Kemp.

#21677 Copied

mikeseopro

Participant

October 27, 2014 at 23:02

Hi Eva,

I have enabled the popup – please look at it right away and get back to me ASAP because visitors get stuck at the popup without knowing how to close it.

Thanks,
Mike

#21960 Copied
Eva Kemp

Support staff

October 28, 2014 at 12:35
Hello,

As I see the cross icon is visible:

But if you still want to change its color you need edit this image http://pomphomecom.c.presscdn.com/wp-content/themes/legenda/images/black_cross.png that is used for “x” close icon.
You can do this with some image editor.

The text color can be changed with this code which you need add into custom.css file:
```
#etheme-popup label, .white-popup-block label {
    color: #000 !important;
}
```
How to create custom.css you watch in this tutorial.

Thank you.
Regards,
Eva Kemp.
#22014 Copied
mikeseopro

Participant

October 28, 2014 at 22:52

Hi Eva,

I added that to the image itself so that visitors wouldn’t get stuck on that popup and leave the site.

I will take a look at your instructions and let you know if I have any questions.

Thanks,
Mike

#22148 Copied

Eva Kemp

Support staff

October 28, 2014 at 23:14

Hello,

Ok. Let us know if there are any questions.

Regards,
Eva Kemp.

#22150 Copied

mikeseopro

Participant

October 29, 2014 at 02:39

Hi Eva,

I just noticed that the popup is not resizing on my mobile phone, so the X is not visible and we have the same problem as before.

#1 – the X is not showing up at all.
#2 – the popup is not responsive

Can you please check on your mobile device to see and please let me know how to resolve this issue. It is still not resolved – and to reiterate, the built-in X is not showing on the image – I had to create the X image on the graphic itself. You’ll see when you look on your phone.

Looking forward to your feedback.

Thanks,
Mike

#22185 Copied

Eva Kemp

Support staff

October 29, 2014 at 10:05

Hello,

As I see the path for original cross icon is wp-content/themes/legenda-pomp/images/black_cross.png in your pop up. Have you made any changes in the files? Do you have such folder legenda-pomp?
Please provide us with wp-admin panel and FTP credentials.

Thank you.
Regards,
Eva Kemp.

#22210 Copied
Tagged: close, color, promo popup, text overlay, themes, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Promo Popup – X to Close and Color of Text Overlay’' has been successfully resolved, and the topic is now closed for further responses

Promo Popup – X to Close and Color of Text Overlay

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection