Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 5, 2020 at 10:30 pm #1228099
    kurson

    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 4 years, 4 months ago by kurson.
    July 6, 2020 at 4:04 am #1228141
    Nikko

    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

    July 6, 2020 at 6:45 am #1228178
    kurson

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

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

    Please advise.

    July 6, 2020 at 9:46 am #1228234
    Nikko

    Hi kurson,

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

    & g t ;

    Best regards,
    Nikko

    July 9, 2020 at 3:45 am #1229030
    kurson

    Hi See that.

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

    Thank you. This ticket can be closed.

    July 9, 2020 at 11:18 am #1229108
    Nikko

    Hi kurson,

    We’re glad to hear that :)
    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 Button CSS No Longer Works’ is closed to new replies.