Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #492536

    Using Transparent header.
    Color section added with images.
    Client wants white text for menu items, home, contact, etc.
    Some of the images are not conducive for white text washes out.
    Is there a way to have a show effect added for the menu text?

    Jim

    • This topic was modified 9 years, 2 months ago by kandolina.
    #492889

    Hey kandolina!

    could you show us what you are talking about using a link to the issue in question? to make things clear for us please.

    Cheers!
    Andy

    #493099

    http://maappn.com/

    We are changing the site over to have transparent heading with images in the color section on each page.
    When we started making changing we ran into issues with the menu text like “home” menu being white text over the images.
    The question is how one would add a shadow for each item in the menu. Meaning a drop shadow on the text for each menu item. We also wonder can this be done in the menu section under mega menus.

    Jim

    #493214

    Hey!

    You can add a text shadow by using the below css:

    .avia-menu {
        text-shadow: 1px 1px #ff0000;
    }

    Best regards,
    Dake

    #501289

    What would the CSS be if you only want to have a text shadow on the main menu items (not sub menu items) and only in transparent header mode?

    Thanks!

    #501427

    Hi!

    Use this css code:

    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
        text-shadow: 1px 1px #ff0000;
    }

    Best regards,
    Ismael

    #501673

    Perfect.

    Thank you!

    #502206

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Shadow on the menu text in the header’ is closed to new replies.