hover image background

7 Posts

denis229 posted this 28 October 2021

Hello I have a question about hover animation in a grid.
I set 2 hover images (a boundary in svg). Refer to image attached: when I move the mouse over the box I can't select the text inside the grid because of the image that doesn't rely above the text but appears to be over the text.
Is it possibile to do anything else to achieve that result?
https://www.messanaitalia.com/

Hello I have a question about hover animation in a grid. I set 2 hover images (a boundary in svg). Refer to image attached: when I move the mouse over the box I can't select the text inside the grid because of the image that doesn't rely **above the text** but appears to be **over the text.** Is it possibile to do anything else to achieve that result? https://www.messanaitalia.com/

image hover background

Immagine-2021-10-28-092233.jpg

Vote to pay developers attention to this features or issue.

3 Replies

Order By: Standard | Newest

Support Team posted this 28 October 2021

Hello,

You can make it by adding some custom code.
One of the solutions is to add a z-index to your text elements and text will be selectable
and the button will be clickable to save the link.

Also please check that all your elements don't cross the line sheets in the mobile view.

...................................................
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, You can make it by adding some custom code. One of the solutions is to add a z-index to your text elements and text will be selectable and the button will be clickable to save the link. Also please check that all your elements don't cross the line sheets in the mobile view. ................................................... 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

7 Posts

denis229 posted this 29 October 2021

thank you, solved with this code applied on the class of the elements I want to "elevate"

.top {
position: relative;
left: 0px;
top: 0px;
z-index: 2;
}

thank you, solved with this code applied on the class of the elements I want to "elevate" .top { position: relative; left: 0px; top: 0px; z-index: 2; }

Support Team posted this 29 October 2021

Hi,

Nice to hear that you have found a solution Feel free to contact us with any other questions you may have.

...................................................
Sincerely,
Hella
Nicepage Support Team

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

Hi, Nice to hear that you have found a solution Feel free to contact us with any other questions you may have. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

hover image background

Company

Product

Themes & Templates

Nicepage

Web Design