Okay
  Public Ticket #2427225
Add shadow to buttons on header
Closed

Comments

  • SonrieSL started the conversation
    June 3, 2020 at 1:34pm

    Hello, I'd like to add a shadow on the two nav buttons I have.

  •  2,979
    Andrew replied
    June 3, 2020 at 4:19pm

    Hi SonrieSL,

    Use the following custom css:

    #top nav > .buttons {
    text-shadow: 2px 2px blue;
}

    Hope this helps.

  • SonrieSL replied
    June 4, 2020 at 7:30am

    Hello Andrew, thanks for the reply, however, the code you've provided makes the text cast a shadow, not the button itself.


    Best,

    Sonrie

  •  2,979
    Andrew replied
    June 4, 2020 at 8:06am

    Hi SonrieSL,

    Use the following css:

    #top nav > .buttons .button_solid_color a {
    padding: 10px;
    box-shadow: 5px 5px 8px blue, 10px 10px 8px red, 15px 15px 8px green;
}
#top nav > .buttons .slide-out-widget-area-toggle div {
    padding: 10px;
    box-shadow: 5px 5px 8px blue, 10px 10px 8px red, 15px 15px 8px green;
}

    Kind regards.

  • SonrieSL replied
    June 4, 2020 at 8:09am

    Thanks Andrew!

  • SonrieSL replied
    June 5, 2020 at 6:02am

    Hello Again andrew, I just noticed the shadow is not working on mobile...

  •  2,979
    Andrew replied
    June 5, 2020 at 8:43am

    Hi SonrieSL,

    I visited your website and the shadow is no longer on desktop. Also when I tested the same css it seems to work on mobile.

    Thanks.

  • SonrieSL replied
    June 5, 2020 at 8:46am

    Hello Andre, I can assure the shadow is active on desktop, see the image attached.

  •  2,979
    Andrew replied
    June 5, 2020 at 8:59am

    Hi SonrieSL,

    It shows if you take a closer look. It is due to background. Try switching to a more dark color and you will see.

    3305807465.png


    Kind regards.