Navigation bar CSS not functioning properly

  • Unknown's avatar
    pap26 · Member ·

    For some odd reason, the CSS I paste into the box does not appear when I save. I’ve made a custom css file from the TwentyEleven template. Copypasted it into the box and selected “replace everything with my own CSS”. But following part


    #access {
    background: #222; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#252525, #0a0a0a);
    background: -o-linear-gradient(#252525, #0a0a0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525),
    to(#0a0a0a)); /* older webkit syntax */
    background: -webkit-linear-gradient(#252525, #0a0a0a);
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    position: relative;
    top: 50px;
    float: left;
    margin: 0 auto 6px;
    width: 100%;

    appears as


    #access {
    background:0;
    -webkit-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
    -moz-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
    box-shadow:rgba(0,0,0,0.4) 0 1px 2px;
    clear:both;
    display:block;
    border-top:1px solid white;
    border-bottom:1px solid white;
    position:relative;
    top:50px;
    float:left;
    width:100%;
    margin:0 auto 6px;
    }

    and the navigation bar is left transparent.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    WordPress.COM runs our custom CSS through CSS Tidy to compact it for smaller storage requirements, and also it checks it for syntax and such and filters out things that are not allowed. The current version if filtering out multiple background declarations such as those needed for linear gradients. When that will change no one knows.

  • The topic ‘Navigation bar CSS not functioning properly’ is closed to new replies.