Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 23, 2022 at 8:41 pm #1362566
    paspumpkins

    Hi,

    I found this code on the forum to put a stoke on my menu text. 

    .avia-menu {
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

    It works great but it also adds the stoke to the submenu text which is not what I want. I want the submenu text to not have a shadow. How would i amend this?

    August 23, 2022 at 10:03 pm #1362569
    Guenni007

    be more specific on the selector:

    #top #avia-menu > li > a  > .avia-menu-text {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  color: #FFF;
}

    the > indicates a direct child of the element

    August 24, 2022 at 9:18 am #1362605
    Nikko

    Hi paspumpkins,

    Please use the selector Guenni007 suggested, I checked it on your site and it worked well:

    #top #avia-menu > li > a > .avia-menu-text {
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}


    @Guenni007     thanks for helping out :)

    Best regards,
    Nikko

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