Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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 340 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
    R
    robsdonatini
    wrote on 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
    • RichardR
      RichardR
      Richard
      Global Moderator
      wrote on 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
        R
        robsdonatini
        wrote on 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
        • RichardR
          RichardR
          Richard
          Global Moderator
          wrote on 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
            R
            robsdonatini
            wrote on 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
            • RichardR
              RichardR
              Richard
              Global Moderator
              wrote on last edited by Richard
              #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

              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

              With your input, this post could be even better 💗

              Register Login
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              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.
              • First post
                Last post
              0
              • Recent
              • Tags
              • Popular
              • Users
              • Search