Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 4, 2021 at 7:17 pm #1277766
    goldengate415

    HI there,

    I would like to update some of the buttons on my site to rounded buttons and leave some as the default square.
    I am wondering if there’s some css that would allow be to specify “rounded” in the custom ID field for the specific buttons that I would like to make more round?

    By rounded, I mean like the button on this slider that says “website coming soon”:

    12 Castlewood Drive, San Rafael Home for Sale | Just Listed

    February 5, 2021 at 7:53 am #1277878
    Nikko

    Hi goldengate415,

    Yes, instead of using Custom ID Attribute use Custom CSS Class instead and put rounded-button
    Then in Enfold > General Styling > Quick CSS, add this CSS code:

    #top .rounded-button a.avia-button {
    border-radius: 20px;
}

    Just adjust the value as you see fit.
    Hope it helps.

    Best regards,
    Nikko

    February 5, 2021 at 8:32 am #1277901
    goldengate415

    Thanks Nikko! And is the class I specify “rounded” or what do I put in that box?

    Thanks,
    Rob

    February 5, 2021 at 10:36 am #1277931
    Nikko

    Hi Rob,

    You’re welcome :)
    You can put this in that box: rounded-button
    It’s just a class name, it’s basically just a pointer to that element.
    The part where it rounds the button is the CSS code above.

    Best regards,
    Nikko

    February 9, 2021 at 6:59 pm #1279192
    goldengate415

    That works great, thank you!
    At some point Gunter might want to add this option in the buttons element.. it would be great to have some different button options.
    Thanks again!!
    Rob

    February 10, 2021 at 2:20 am #1279282
    Nikko

    Hi Rob,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Rounded buttons with custom ID?’ is closed to new replies.