Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 16, 2017 at 9:33 pm #877758
    goevo

    Hi There!

    In my website (see private content), I have want to make the button that appears in the header that says “Get Started”, be transparent with a white border and white text when the header is at the top of the page, and after it scrolls down I want it to be a transparent button with text and a border that are “#FAB700”

    Currently, my custom CSS reads:

    li#menu-item-919>a>.avia-menu-text {
    background-color: #FAB700;
    padding: 10px;
    border-radius: 5px;
    color: white;
    }

    I’m not the greatest with CSS and still learning, so any help you can provide would be very helpful! Thanks!

    November 18, 2017 at 11:40 am #878500
    Rikard

    Hey goevo,

    Please try this CSS:

    .header-scrolled li#menu-item-919>a>.avia-menu-text {
  background-color: transparent;
  border:1px solid #FAB700;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.