Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Hover on buttonstyle not working

Hover on buttonstyle not working

Scheduled Pinned Locked Moved Bug Reports
6 Posts 2 Posters 146 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • R Offline
    R Offline
    robsdonatini
    wrote on Oct 21, 2020, 2:20 PM last edited by
    #1

    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/homepage

    I'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

    1 Reply Last reply
    0
  • R Offline
    R Offline
    Richard Global Moderator
    wrote on Oct 21, 2020, 7:20 PM last edited by
    #2

    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

    1 Reply Last reply
    0
  • R Offline
    R Offline
    robsdonatini
    wrote on Oct 22, 2020, 9:34 AM last edited by
    #3

    @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!

    1 Reply Last reply
    0
  • R Offline
    R Offline
    Richard Global Moderator
    wrote on Oct 22, 2020, 9:57 AM last edited by
    #4

    Dear @robsdonatini

    I have changes " .buttonstyle " to " .bottonebuy " to target it:

    Screen Shot 2020-10-22 at 11.54.47 AM.png

    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

    1 Reply Last reply
    0
  • R Offline
    R Offline
    robsdonatini
    wrote on Oct 22, 2020, 1:20 PM last edited by
    #5

    @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! :)

    1 Reply Last reply
    0
  • R Offline
    R Offline
    Richard Global Moderator
    wrote on Oct 27, 2020, 10:07 AM last edited by Richard Oct 27, 2020, 6:07 AM
    #6

    Dear @robsdonatini

    No worries! Your not an idiot, it happens to all of us! :)

    Best wishes and have a wonderful day

    Richard

    1 Reply Last reply
    0
Oct 21, 2020, 2:20 PM

5/6

Oct 22, 2020, 1:20 PM

1 unread
Oct 27, 2020, 10:07 AM

Need custom programming for your Lay Theme site?

I regularly add new features to Lay Theme for free, based on user feedback. But if you or your client need something more specific, I’m happy to offer custom paid programming tailored to your project.

Email info@laytheme.com with the subject "Custom paid programming for Lay Theme" and a short description of what you need — I’ll reply with a cost estimate.

Custom features I build often make it into future Lay Theme updates, so your idea might benefit the whole community.

Before you post:
  1. When using a WordPress Cache plugin, disable it or clear your cache.
  2. Update Lay Theme and all Lay Theme Addons
  3. Disable all Plugins
  4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

This often solves issues you might run into

When you post:
  1. Post a link to where the problem is
  2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
  3. If the problem is difficult to explain, post screenshots / link to a video to explain it
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
laytheme.com
  • Login

  • Don't have an account? Register

  • Login or register to search.
5 out of 6
  • First post
    5/6
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search