Hover on buttonstyle not working
-
Hello, glad to be back on laytheme with another small website to sell the last book I designed.
Here a draft of the homepage with temporary images:
https://www.laterradisotto.it/luoghi/homepageI'm trying to do a button at the end of it linking to the buy page (then I will need to do three of them in the page with a Paypal link).
I followed the documentation on .buttonstyle and add custom CSS in desktop version but the hover doesn't work. Plus, how can I center the content so it's optically in the center of that button (now is a bit below the half of it).
Thank you
Roberta
-
Dear Roberta @robsdonatini
The Button at the bottom of the page?
Am i seeing the correct one :)What exactly would you like to happen when you hover over this button?
Best Wishes
Richard -
@Richard-Keith said in Hover on buttonstyle not working:
What exactly would you like to happen when you hover over this button?
Hei Richard, thanks for your answer. the button is there, but I would like when it hover that it get with a stroke and change color to white
.buttonstyle a:hover {
background-color: #FFFFFF;
border-color: black;
color: white;
text-decoration: none;
border-bottom: none;
opacity: 1;
margin-bottom: 1px;
}Not sure the css is correct but anyway nothing happen when hovering!
-
Dear @robsdonatini
I have changes " .buttonstyle " to " .bottonebuy " to target it:
Try this code, now whatever Css you decide with occur on hover :)
.bottonebuy a:hover { background-color: #FFFFFF; border-color: black; color: white; text-decoration: none; border-bottom: none; opacity: 1; margin-bottom: 1px; }
Best
Richard -
@Richard-Keith said in Hover on buttonstyle not working:
.bottonebuy a:hover {
background-color: #FFFFFF;
border-color: black;
color: white;
text-decoration: none;
border-bottom: none;
opacity: 1;
margin-bottom: 1px;
}Feel like an idiot I was addressing the wrong class, thank you for the help! :)
-
Dear @robsdonatini
No worries! Your not an idiot, it happens to all of us! :)
Best wishes and have a wonderful day
Richard
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it
I don't answer or check forum DMs, please just post on the forum.