Cross popup newsletter

Hello to all,

I’m coming back to you to know how to move the cross to close the popup?
The cross is too much on the top right (out of the popup), I would like it to be in the popup on the top right (like on the 2nd screen).

I put you some screenshots as an example.

Thanks to you.

Thanks to you,

Jérémy

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site URL we will give you custom CSS.

Best Regards

Hello,

My site is under maintenance, but it’s https://www.opalisy.com/

I thought I could change it directly in the theme settings or in Elementor, but I can’t find it.

Thanks to you.

Have a nice day.

Jérémy

Hello,

I just tested with CSS, but I don’t have the result I want… If I trust my screen (16″ macbook), it’s ok… Except that when I test with other resolutions with the inspector, the cross is not where I want…

If it can help you…

Thanks to you.

Have a nice day.

Jérémy

Attachments:

You must be logged in to view attached files.

Hello,

Your site is under construction could you kindly provide the site admin access?

Best Regards

Hello,

Okay, I’ll do that, thanks to you!

Hello,

Could you kindly give the correct login URL? wp-admin is redirected to maintenance mode.

Best Regards

Hello,

Yes, sorry!

Hello,

Unfortunately, I cannot log in with two-factor authentication.

Please disable it or disable the maintenance mode.

Best Regards

Hello,

I’m really sorry that this is happening.

I just tried it on another browser and I didn’t have any problems with double authentication.

Please try again and tell me that everything is ok on your side.

Thanks again to you.

Have a nice day.

Jeremy

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-popup.wd-promo-popup {
position: relative;
}

.wd-popup.wd-promo-popup button.mfp-close {
	position: absolute;
    background-color: transparent;
    color: #333;
}

Best Regards

Hello,

I just tried to put your code, it did not work. I removed the code that I had already put above (“.mfp-inline-holder .wd-popup-element .mfp-close {
top: 265px;
right: 560px;
transform: none;
color: #000000;
} “)

But still not… When I refresh the page, I still see the cross in the top right corner, outside the popup and in white.

Have a nice day.

Jérémy

Hello,

Please clear the site and browser cache, it works: https://monosnap.com/file/OFYtduZEgda6fVBMk5dBAeBFkCj9gM

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

Best Regards

Hello,

Indeed, on your screen it seems to work!

How to “empty the site and the cache”? I’m sorry…

Thanks again.

Have a nice day.

Sincerely,

Jérémy

Re,

I used a chrome plugin (clear cache) to clear the cache, it disconnected me from everywhere (my site + here on xtemos + the other sites I had open).

Anyway, I see that the cross is here (I put you a screen), hoping that we can put it in the right place, like on your screen.

PS : Don’t hesitate to tell me if you have another way to clean the site and the cache, so I can do it better !

Thanks to you.

Have a nice day.

Jérémy

Attachments:

You must be logged in to view attached files.

Hello,

Please check the site admin access we cannot login. Please keep the access valid till we solve it.

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

Best Regards

Hello,

Yes! please try to connect again and tell me if it’s good for you?

Sincerely,

Jeremy

Hello,

Please replace the code we provided with this one:

.wd-popup.wd-promo-popup {
position: relative;
}
.wd-popup.wd-promo-popup button.mfp-close {
		position: absolute;
		top: 0;
    background-color: transparent;
    color: #333;
}

Best Regards

Hello,

It seems to work on my end, great!

I’m now going to try to make the newsletter for mobile, hopefully it won’t be a problem.

Thanks again to you.

PS: Do you think you can leave the topic open, in case I have another problem with the newsletter in the next minutes/hours/days?

Sincerely,

Jeremy

[Jere L]

Hello again,

When I look to make in mobile mode, I can’t put the image well as in computer mode (the white space above and below the image)… I tried several things, but I can’t.

Do you know how to do it?

Thanks to you.

Jérémy

• This reply was modified 2 days, 19 hours ago by Jere L.

Attachments:

You must be logged in to view attached files.

Re,

Now, I just realized that I have disregarded the correct settings that your colleague had made and told me for the desktop mode…
I am going to go crazy…

I have “white” on the left side again.

Sincerely,

Jeremy

Attachments:

You must be logged in to view attached files.

Hello,

I’ve managed to put the image back as it should be, without the white sides. I don’t know how to make it “responsive”, so when I right-click, inspect, from 400 and a few pixels, white appears around the image.

PS: Don’t hesitate to let me know if you want screenshots or videos (you’d have to tell me how to film my screen and just send it here).

Best regards,

Jérémy

Hello,

Please set an image as a background or make the column narrower: https://gyazo.com/d3faa1e18fc15da9c8fc67d22fed5a85

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

Best Regards

[Author]

Posts