Tagged: 

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

    Hello,

    On my client’s website I have a dark background with white menu text over it. I need to make sure that the text prints as white across all platforms and browsers. So far Safari, Chrome and Firefox on Mac seem to behave correctly, but on PC sometimes in Firefox and IE the menu text shows up as either black or appears to not be visible (perhaps because it prints as black).

    How can I solve this?

    Below is the code I placed into print.css that seems to partially solve this, but not 100%

    .avia-menu-text {color: white !important;}

    .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
    color: #ffffff!important;
    }

    .av-main-nav {
    color: #ffffff!important;
    }

    .avia-menu-text {
    color: #ffffff!important;
    }

    .av-main-nav {
    color: #ffffff!important;
    }

    .avia-menu-subtext {
    color: #ffffff!important;
    }

    .avia-menu-fx {
    color: #ffffff!important;
    }

    .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
    color: rgba(0, 0, 0, 0)!important;
    text-shadow: 0 0 0 #fff!important;
    }

    .av-main-nav {
    color: rgba(0, 0, 0, 0)!important;
    text-shadow: 0 0 0 #fff!important;
    }

    .avia-menu-text {
    color: rgba(0, 0, 0, 0)!important;
    text-shadow: 0 0 0 #fff!important;
    }

    .av-main-nav {
    color: rgba(0, 0, 0, 0)!important;
    text-shadow: 0 0 0 #fff!important;
    }

    .avia-menu-subtext {
    color: rgba(0, 0, 0, 0)!important;
    text-shadow: 0 0 0 #fff!important;
    }

    .avia-menu-fx {
    color: rgba(0, 0, 0, 0)!important;
    text-shadow: 0 0 0 #fff!important;
    }

    #471518

    Hi calexander!

    I’m on Windows 8.1 with latest version of Firefox but it’s displaying white for me. Can you take a screenshot of what your seeing?

    Cheers!
    Elliott

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