How to remove the border / image only

Hi @elnath78 ,

Thanks for reaching out.

[1. I would like to remove the white and black border around my pop-up, have only the image with the X to close (I set to close clicking outside as well) if this is not possible I would like to have a thin white border but not black border outisde like now.]
You may change the appearance of the popup by editing the Popup Theme used by the popup.

Kindly use this guide on Popup Theme Editor — Introduction:
https://docs.wppopupmaker.com/article/38-popup-theme-editor-introduction

[2. I also wanted to close the popup when somebody clicks on it and opens the landing page]
You can do that by following the steps in this guide on Close a Popup When a Link Inside the Popup Is Clicked:
https://docs.wppopupmaker.com/article/303-close-a-popup-when-a-link-inside-the-popup-is-clicked

We hope that helps, and we’re happy to help if you have more questions.

Hi @israelmartins

It is all working good but there is still a white border on the bottom of the image, how do i get rid of it?

Hi @elnath78,

The space is a remnant from the link you added to the image.

Please add the classes to the image directly without enclosing the image between a tags.

For example: https://share.zight.com/12ulK4j9

Let us know how it goes.

Hello @kimmyx,

I found the settings and it is all ok https://share.creoweb.it/8b724a5e.jpg

• This reply was modified 5 months, 4 weeks ago by Syncly.it. Reason: found the window

Hi @elnath78,

Thanks for the response.

We’re glad that worked. ?? We’ll now mark this as resolved.

Feel free to create a new thread if you have new questions.

@kimmyx

Sorry for the confusion, I found the setting but the white border persist, in my previous reply I have attached a screenshot of the settings with classes inside the image like you suggested. this is not resolved

Hi @elnath78,

Apologies for the confusion as well!

Please remove the link from your image and move the classes to the Image CSS class field.

See here: https://share.zight.com/Qwuo9754

Let us know if that works. ??

Hello @kimmyx

Classes moved but problem persist. Can’t get rd of the white bottom border.

Hi @elnath78,

Thanks for the response and sorry for the confusion. I didn’t realize the image link was there on purpose.

Could you try adding the following inline CSS to your image instead?

style="vertical-align:text-bottom"

You can add it by switching to the Text tab on the editor.

For example: https://share.zight.com/d5uX1vp6

Let us know if that works. ??

Hello @kimmyx

This worked! But I’m confused by your answer, what do you mean that the link was there on purpose? Is there a more canonical way to have the popup open a landing page?

Hi @elnath78,

We initially thought you just wanted to close the popup by clicking on the image. It was a misunderstanding. ??

We’re glad that worked! We’ll mark this now as resolved.

Feel free to create a new thread if you have new questions. ??