Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1470156

    Hello, is there anyway to make the button color in the menu navigation a gradient?

    #1470176

    you can see it here even with animation on Main Menu “Impressum” : https://webers-testseite.de/
    If you do not need that animation – remove that part from rules and set the background-size to 100%.

    You can select that menu-item via ID
    and do something like this:

    #menu-item-ID .avia-menu-text {
      color: #fff;   /**** perhaps an !important is necessary ****/
      background: linear-gradient(-45deg,#FFA63D,#FF3D77,#338AFF,#3CF0C5);
      background-size: 600%;
      border: none !important;
      animation: anime 14s linear infinite;
      padding: 11px 20px !important;
      border-radius: 0 0 10px 10px !important;
    }
    
    @keyframes anime {
      0% { background-position:0% 50% }
      50% { background-position:100% 50% }
      100% { background-position:0% 50% }
    }
    
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.