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

    hi.

    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 months, 3 weeks ago by  kurson.
    #1228141

    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,
    Nikko

    #1228178

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

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

    Please advise.

    #1228234

    Hi kurson,

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

    & g t ;

    Best regards,
    Nikko

    #1229030

    Hi See that.

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

    Thank you. This ticket can be closed.

    #1229108

    Hi kurson,

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

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Rounded Button CSS No Longer Works’ is closed to new replies.