How to remove the border / image only

Resolved Syncly.it
(@elnath78)

2 years ago

Hi,

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.

I also wanted to close the popup when somebody clicks on it and opens the landing page.

The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)

Israel Martins
(@israelmartins)

2 years ago

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.

Thread Starter Syncly.it
(@elnath78)

2 years ago

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?

Plugin Support Kim L
(@kimmyx)

2 years ago

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.
Thread Starter Syncly.it
(@elnath78)

2 years ago
Hello @kimmyx,

I found the settings and it is all ok http://share.creoweb.it/8b724a5e.jpg
- This reply was modified 2 years ago by Syncly.it. Reason: found the window
Plugin Support Kim L
(@kimmyx)

2 years ago

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.

Thread Starter Syncly.it
(@elnath78)

2 years ago

@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

Plugin Support Kim L
(@kimmyx)

2 years ago

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. 🙏

Thread Starter Syncly.it
(@elnath78)

2 years ago

Hello @kimmyx

Classes moved but problem persist. Can’t get rd of the white bottom border.
Plugin Support Kim L
(@kimmyx)

2 years ago
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. 🙏
Thread Starter Syncly.it
(@elnath78)

2 years ago

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?

Plugin Support Kim L
(@kimmyx)

2 years ago

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. 😊

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘How to remove the border / image only’ is closed to new replies.