Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 9, 2014 at 4:31 pm #276452
    trevorjohnston

    Hi,
    First off, I’m totally new to this, but am LOVING the Enfold theme and learning a ton by working my way through it. The support forums are a huge help. Nice work!
    Could you tell me how to change the default button shape, if possible, to round buttons? Not just rounded rectangles, but actual flat color, no border circles with text over them?
    Thanks.

    June 9, 2014 at 5:48 pm #276486
    Yigit

    Hi trevorjohnston!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    body div .avia-button { border-radius: 10px; border: none !important; }

    Cheers!
    Yigit

    November 26, 2014 at 11:08 pm #358624
    dh_sichtgut

    Hallo,

    was muss ich eingeben, damit die Buttons ganz rund sind. Sie sollen außerdem eine einheitliche Größe haben, damit ich z.B. drei runde Buttons mit der gleichen Größe untereinander platzieren kann.
    Geht das?

    Danke und Gruß,
    Daniela

    November 27, 2014 at 1:43 am #358752
    Yigit

    Hallo Daniela

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust the value as needed

    body div .avia-button { border-radius: 10px; }

    Can you post the link to your page and point out the buttons that you would like to have in same size?

    Cheers!
    Yigit

    November 27, 2014 at 11:33 am #358945
    dh_sichtgut

    Dear Yigit,
    thanks for your reply. I´ve already change the CSS as you mentioned it. But i want the buttons to be fully round like a circle (or bullet point!?). It should look like the jpeg.pictures under “Leistungen”.
    You can see it here: ahoi.franziska-schoenberner.de/startseite

    Thank you very much for your support. I really love your theme!

    Cheers!
    Daniela

    November 27, 2014 at 11:38 am #358949
    dh_sichtgut

    I have also another problem with the portfolio. Maybe you can answer it. You can find it here:
    https://kriesi.at/support/topic/portfolio-probleme-mit-grosenanpassung-und-individuelle-einstellungen/

    thanks

    November 28, 2014 at 7:40 am #359425
    Ismael

    Hi!

    I don’t think this is possible with the button element because the length of text may vary. You should use round images as buttons.

    Regards,
    Ismael

    November 28, 2014 at 10:26 am #359477
    dh_sichtgut

    Hey,
    thats a pity. I will find another solution then.

    Thanks!

    November 28, 2014 at 11:55 am #359510
    Guenni007

    well if the border-radius is bigger than half the size of your button the button will be a circle.
    or you define the border-radius as 50% as you can see with standalone Icon
    but it will be unpractical for buttons with different text-length

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Round buttons’ is closed to new replies.