Cyber Monday Sale! Save up to 50% off!

Button - when you hover - modal popup open :)

slawomir.kleczar
8 Posts
slawomir.kleczar posted this 18 October 2023
Ask a Question

Like in the - how made the button - or other elelemnts on Photo - "when you Hover" - open modal popup :) like in video :)

Like in the - how made the button - or other elelemnts on Photo - "when you Hover" - open modal popup :) like in video :)
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 18 October 2023

Hello Sławomir,
Thanks for choosing Nicepage!

Unfortunately, there is no such possibility in Nicepage, you can only assign the common popup to any button.
We added your idea to our wishlist, thanks for helping develop Nicepage!

For now, we could only suggest using any trusted third-party plugins with such functionality,

...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Sławomir, Thanks for choosing Nicepage! Unfortunately, there is no such possibility in Nicepage, you can only assign the common popup to any button. We added your idea to our wishlist, thanks for helping develop Nicepage! For now, we could only suggest using any trusted third-party plugins with such functionality, ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
xvemanuelvx
418 Posts
xvemanuelvx posted this 19 October 2023

Unfortunately, this is not feasible with Nicepage. But there are a few ways you can still do it. Unfortunately CSS or JS knowledge is required for this.

The :after pseudoclass in CSS
You can use it to select the button and choose hover to display a text. You can then style this text.

Example:

a:hover:after {
  display:block;
  position:absolute;
  z-index:999;
  content: "Lorem ipsum";
  padding: 10px;
  background: white;
}

Alternatively, you can use Javascript to open the Nicepage popup.

Unfortunately, this is not feasible with Nicepage. But there are a few ways you can still do it. Unfortunately CSS or JS knowledge is required for this. The :after pseudoclass in CSS You can use it to select the button and choose hover to display a text. You can then style this text. Example: a:hover:after { display:block; position:absolute; z-index:999; content: "Lorem ipsum"; padding: 10px; background: white; } Alternatively, you can use Javascript to open the Nicepage popup.

Last edited 19 October 2023 by xvemanuelvx

archiv2ruf2
1 Posts
archiv2ruf2 posted this 13 May 2024

Hello, I tried the example but unfortunately it didn't work. I created the css clsse button and then copied your code into it. It looks like this:
.Button {
a:hover:after {
display:block;
position:absolute;
z-index:999;
content: "Lorem ipsum";
padding: 10px;
background: white;
}
Unfortunately it doesn't work that way. What am I doing wrong?

Hello, I tried the example but unfortunately it didn't work. I created the css clsse button and then copied your code into it. It looks like this: .Button { a:hover:after { display:block; position:absolute; z-index:999; content: "Lorem ipsum"; padding: 10px; background: white; } Unfortunately it doesn't work that way. What am I doing wrong?
You must log in or register to leave comments