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. General Discussion
  3. .buttonstyle not working

.buttonstyle not working

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 858 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
    Ros_rgb
    wrote on last edited by
    #1

    I've inserted the css and added the HTML class to various pages trying it out but nothing.

    http://bridgingages.co.uk/contents

    this text is just a test page to show

    http://bridgingages.co.uk/getstarted-2
    'sign up now' text is also a buttonstyle...

    any thoughts?

    Thanks

    1 Reply Last reply
    0
    • mariusjopenM
      mariusjopenM
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @Ros_rgb
      what exactly do you want to achieve?

      it is not clear just from looking at the pages.

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • R
        R
        Ros_rgb
        wrote on last edited by
        #3

        I was going for simple button style like you've showed in documentation>>

        .buttonstyle a{
        padding: 15px 20px;
        display: inline-block;
        background-color: #e8e8e8;
        border-radius: 3px;
        line-height: 1;
        text-decoration: none;
        border-bottom: none;
        color: black;
        opacity: 1;
        white-space: nowrap;
        }

        .buttonstyle a:hover{
        background-color: #f0f0f0;
        text-decoration: none;
        border-bottom: none;
        color: black;
        opacity: 1;
        }

        using this code, but It hasn't had any affect

        1 Reply Last reply
        0
        • mariusjopenM
          mariusjopenM
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Dear @Ros_rgb
          you need to give the button a link.

          The CSS looks for a link:

          .buttonstyle a {
          padding: 15px 20px;
          display: inline-block;
          background-color: #e8e8e8;
          border-radius: 3
          }
          

          The a means that it looks for a link.

          Try to link the button to something and let us know if it worked.

          All the best!

          Marius

          www.mariusjopen.world

          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