Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1228099


    My CSS under General Styling….Quick CSS that your support staff provided in an earlier ticket is no longer applying.

    /* Square buttons */
    #top #wrap_all .my-custom-button,
    #top #wrap_all .my-custom-button a.avia-button {
      padding: 0;
      min-width: 100px;  
      border-radius: 2px;
      line-height: 100px;

    This is the nav bar button that should be rounded:

    Screenshot: https://www.screencast.com/t/n0XeWosYYt

    Please advise on how to reapply code to make the top nav bar button rounded again.

    • This topic was modified 3 years, 9 months ago by kurson.

    Hey kurson,

    Please add this CSS code in Quick CSS, located in Enfold > General Styling:

    #top #wrap_all #header .av-menu-button > a .avia-menu-text {
        border-radius: 100px;

    Best regards,


    I applied the code as provided however the button remains square.

    Please review screenshot: https://www.screencast.com/t/UVaaShR4sx

    Please advise.


    Hi kurson,

    Thanks for providing the screenshot.
    The > seems to be replaced with: (without the spaces)

    & g t ;

    Best regards,


    Hi See that.

    I resolved the code and emptied the browser cache and that resolved the issue.

    Thank you. This ticket can be closed.


    Hi kurson,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Rounded Button CSS No Longer Works’ is closed to new replies.