[Resolved] Button shape

Home Forums Support Button shape

  • This topic has 4 replies, 3 voices, and was last updated 3 years ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #396490
    pz

    Hi, my website is http://canavac.pl/. I added this button to my main navigation:

    .button.transparent {
        background-color: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
        border: 2px solid #000;
        border-radius: 10px;
        outline: 0 none;
    }
    
    .button.transparent:active, .button.transparent:hover {
        background-color: #fff;
        color: #222;
    }

    It looks like this on the website:

    Button

    How to make it smaller to look like this:
    https://campuspress.com/

    GP Premium 1.4.3
    #396497
    Heiko

    Hi!

    Your button has the following properties:

    .button, .button:visited {
        padding: 10px 20px;
    }

    and

    .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
        padding-left: 12px;
        padding-right: 12px;
        line-height: 70px;
    }

    If you change this, you can make your button smaller.

    Heiko

    #396701
    Leo
    Staff
    Customer Support

    Hi there,

    Try this additional CSS:

    .main-navigation .main-nav ul li.button a {
        line-height: 35px;
    }
    #396795
    pz

    It worked. Thank you very much.

    #396877
    Leo
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.