-
hws991215
g <– I wish the button would automatically respond when you place your hand there, like on this site.
<– Site shown in screenshot<– This is my site, but on my site, I need to add separate links to containers and buttons. I want to complete it so that the button is automatically activated even if I just put a link in the container.
I’ll give you the login information and explain what to do with screenshots or videos.
-
Try this CSS:
.gb-container.go-quickview >a.gb-container-link:hover + .gb-grid-wrapper a { background-color: #4285f4; }
and you should be able to remove this CSS:
.gb-container.go-quickview .gb-grid-wrapper .gb-grid-column:nth-of-type(4) { position: relative; z-index: 100; }
-
hws991215
<– Thank you. Let this part apply too
-
hws991215
<– Thank you. Let this part apply too.
-
Hi there,
1. Add this CSS:
.gb-container.has-hover-effect:hover a.gb-button { background-color: #4285f4; }
2. Select the Container Block you want the hover effect applied to.
In Advanced > Additional CSS Class(es) add:has-hover-effect
-
hws991215
<– Please check.
<– Please check.
<– Please check. -
Alvind
Hi there,
Update David’s CSS above to this:
.gb-container.has-hover-effect:hover span.gb-button { background-color: #4285f4; }
Then simply add the
has-hover-effect
class to the parent container block that contains the button. -
hws991215
<– Thank you. But here, if I put a link in the container, I want it to go to that link even when I press the button.
<- The container here is working as I want. Let it be like this.
-
Alvind
But here, if I put a link in the container, I want it to go to that link even when I press the button.
Why not put the same link on the button too?
The container here is working as I want. Let it be like this.
You need to add the class
has-hover-effect
to the other containers as well. -
hws991215
This is because entering a link multiple times is not good for SEO and is too cumbersome.
<– Here, the link is only included in the front container, and even if you press the button, you will be taken to that link.
<– But I applied the same thing here, but even if I press the button, it doesn’t move there. Why is that so?
-
When you post a screenshot with the issue, can you also include the link to the page in question?
-
hws991215
<– Since this is a private post, you can view it by logging in to my site.
-
Alvind
Select the button and set the z-index value to
0
https://postimg.cc/fSX5YW7N -
hws991215
thank you. But the effect settings do not move.
-
Alvind
You can adjust the effect in the settings if you want, similar to what you did with the containers above it.
-
hws991215
I’ve already set it to that button, and it seems to work in the text editing space, but it doesn’t work when I go directly into the post. Please take a look and see why. Thank you.
- You must be logged in to reply to this topic.