Button Shape rounded corners

  • Resolved xerxes83

    (@xerxes83)


    10 years, 4 months ago

    Hi!
    I use :
    .main-navigation a {
    border-radius-topleft: 3px;
    border-radius-topright: 3px;
    border-radius-bottomright: 3px;
    border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    }
    .main-navigation {
    -moz-border-radius: 10px;
    border-radius: 10px;
    }
    To change the shape of the menu bar edges.

    How can I do the same for the Fruitful buttons?
    Is there a CSS code for making this possible?
    I have tried this (but whit no luck):
    .button {
    width: 100px;
    height: 100px;
    background-color: #000;
    border: solid 1px #000;
    border-radius: 50%
    }

Viewing 1 replies (of 1 total)
  • Theme Author Fruitful Code

    (@fruitfulcode)

    10 years, 2 months ago

    Hi,

    Add to custom CSS your code and change button to btn:

    .btn {
    width: 100px;
    height: 100px;
    background-color: #000;
    border: solid 1px #000;
    border-radius: 50%
    }

Viewing 1 replies (of 1 total)

The topic ‘Button Shape rounded corners’ is closed to new replies.