log in color scheme

OK... I cannot figure out where to change the color scheme for the very top log in bar. I have played around with all of the theme settings in the dashboard and cannot get it to a different color. Right now you cannot read the login tab etc. becuase the text color is the same color as the background color. I would like to change both the text color and the background color. See attached. Thanks!

    Philip John

    Okay, the problem is that something is adding this CSS into the header section of your pages:

    .pg-nav li a, .pg-nav li a:hover, #home a, .pg-nav li.selected a, .pg-nav li.current_page_item a, .pg-nav li.current_page_item a:hover, #main-header-content, #top-right-panel, #footer, ul.sidebar_list li h3, #post-navigator a {
    color: #303030!important;
    }

    ...that "!important" bit is over-writing all the other styles and is bad, bad, bad!

    There is a comment in your code that alludes to the culprit...

    <!-- start theme options sync - using php to fetch theme option are deprecated and replace with style sync -->

    Do you have some sort of 'theme options sync' plugin or does your theme provide something like that? Disable that and your admin bar should look fine.

    Phil

    randit

    Hello: I was just checking in to see if you have had the chance to review the changes I made to the footer.php? The color scheme chosen is still not appearing.

    I do have one additional question that has me stumped on the same site. The H1 tag is set to 17 pt font size. But my H1s are not 17 pt. How do I correct this? I would like the larger font size for H1s.

    I appreciate your help.

    Richie_KS

    hi
    @adminbar color scheme
    seem like there's a transparent image causing the color hue changes...open _inc/css/adminbar.css
    and find this like

    #wp-admin-bar .padder {
        background: url("../images/60pc_black.png") repeat scroll 0 0 transparent;
        height: 25px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%;
    }

    delete the background css entirely.

    @H1 css
    you can always use !important or add first id to overwrite the css on H1 like

    h1 { font-size: 17px !important; }

    or

    #custom h1 { font-size: 17px !important; }

    using #custom will overwrite any inherit class for h1...

    cheers

    randit

    Thank you for the reply!

    1.) Sorry but I have no clue where to find this: _inc/css/adminbar.css. I have looked under themes -edit both the main theme and the child theme. Please advise.

    2.) It appears that when I tried to change the footer.php file (see above) I goofed things up. Now the footer is displaying oddly. IKES! Can you please provide me with the footer.php content so I can change it back?

    I appreciate all of your help and support to a newbie~

    randit

    Thank you for the quick reply. I have located the file and I do not see the exact text you mention above to delete. I am afraid to delete or mess with a file unless I am sure I am doing the right thing. Here is the file. Please highlight what you want me to remove...

    body {
    padding-top: 25px;
    }

    #wp-admin-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    height: 25px;
    font-size: 11px;
    width: 100%;
    z-index: 1000;
    }
    #wp-admin-bar .padder {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    background: url( ../images/60pc_black.png );
    height: 25px;
    }
    body#bp-default #wp-admin-bar .padder {
    min-width: 960px;
    max-width: 1250px;
    }

    body#bp-default.activity-permalink #wp-admin-bar .padder {
    min-width: 960px;
    max-width: 960px;
    }

    #wp-admin-bar * { z-index: 999; }

    #wp-admin-bar div#admin-bar-logo {
    position: absolute;
    top: 5px;
    left: 10px;
    }
    a#admin-bar-logo {
    color: #fff !important;
    }

    #wp-admin-bar a img {
    border: none;
    }

    #wp-admin-bar li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 100%;
    text-align: left;
    }

    #wp-admin-bar li a {
    padding: 7px 15px 7px 15px;
    color: #eee;
    text-decoration: none;
    font-size: 11px;
    }
    #wp-admin-bar li.alt { border: none; }

    #wp-admin-bar li.no-arrow a {
    padding-right: 15px;
    }

    #wp-admin-bar ul li ul li a span {
    display: none;
    }

    #wp-admin-bar li:hover, #wp-admin-bar li.hover {
    position: static;
    }

    #admin-bar-logo {
    float: left;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 8px;
    margin: 0;
    text-decoration: none;
    color: #fff;
    }
    body#bp-default #admin-bar-logo { padding: 2px 8px; }

    /*******************/

    #wp-admin-bar ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    cursor: pointer;
    height: auto;
    padding: 0;
    }

    #wp-admin-bar ul li { /* all list items */
    padding: 0;
    float: left;
    position: relative;
    background: url( ../images/admin-menu-arrow.gif ) 88% 53% no-repeat;
    padding-right: 11px;
    }
    #wp-admin-bar ul li.no-arrow {
    background: none;
    padding-right: 0;
    }

    #wp-admin-bar ul li ul li {
    background-image: none;
    }

    #wp-admin-bar ul li.align-right {
    position: absolute;
    right: 0;
    }

    #wp-admin-bar ul li a {
    display: block;
    }

    #wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover {
    background-color: #333;
    }

    /* second-level lists */

    #wp-admin-bar ul li ul {
    position: absolute;
    width: 185px;
    left: -999em;
    margin-left: 0;
    background: #333;
    border: 1px solid #222;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    }
    #wp-admin-bar ul li > ul {
    border-top: none;
    }

    #wp-admin-bar ul li ul a {
    color: #eee;
    }

    #wp-admin-bar ul li ul li {
    float: left;
    width: 174px;
    margin: 0;
    }
    #wp-admin-bar ul li ul li:hover a {
    color: #fff;
    }

    #wp-admin-bar ul li div.admin-bar-clear {
    clear: both;
    }

    #wp-admin-bar ul.main-nav li ul li:hover, #wp-admin-bar ul.main-nav li ul li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover {
    background-color: #222;
    }

    /* third-and-above-level lists */

    #wp-admin-bar ul li ul ul {
    margin: -25px 0 0 184px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }
    #wp-admin-bar ul li ul li:hover ul li a {
    color: #eee;
    }
    #wp-admin-bar ul li ul li ul li:hover a {
    color: #fff;
    }

    #wp-admin-bar ul li:hover ul, #wp-admin-bar ul li ul li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul {
    left: auto;
    }

    #wp-admin-bar ul li.align-right:hover ul {
    right: 0;
    }

    #wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul {
    left: -999em;
    }

    /* Menu item css */

    #wp-admin-bar img.avatar {
    float: left;
    margin-right: 8px;
    }

    #wp-admin-bar span.activity {
    display: block;
    margin-left: 34px;
    padding: 0;
    }

    #wp-admin-bar ul.author-list li a { height: 17px; }

    #wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
    padding: 0 6px;
    margin-left: 2px;
    background: #fff;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    Richie_KS

    bold text should be removed

    body {
    padding-top: 25px;
    }

    #wp-admin-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    height: 25px;
    font-size: 11px;
    width: 100%;
    z-index: 1000;
    }

    #wp-admin-bar .padder {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    background: url( ../images/60pc_black.png );
    height: 25px;
    }
    body#bp-default #wp-admin-bar .padder {
    min-width: 960px;
    max-width: 1250px;
    }

    body#bp-default.activity-permalink #wp-admin-bar .padder {
    min-width: 960px;
    max-width: 960px;
    }

    #wp-admin-bar * { z-index: 999; }

    #wp-admin-bar div#admin-bar-logo {
    position: absolute;
    top: 5px;
    left: 10px;
    }
    a#admin-bar-logo {
    color: #fff !important;
    }

    #wp-admin-bar a img {
    border: none;
    }

    #wp-admin-bar li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 100%;
    text-align: left;
    }

    #wp-admin-bar li a {
    padding: 7px 15px 7px 15px;
    color: #eee;
    text-decoration: none;
    font-size: 11px;
    }
    #wp-admin-bar li.alt { border: none; }

    #wp-admin-bar li.no-arrow a {
    padding-right: 15px;
    }

    #wp-admin-bar ul li ul li a span {
    display: none;
    }

    #wp-admin-bar li:hover, #wp-admin-bar li.hover {
    position: static;
    }

    #admin-bar-logo {
    float: left;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 8px;
    margin: 0;
    text-decoration: none;
    color: #fff;
    }
    body#bp-default #admin-bar-logo { padding: 2px 8px; }

    /*******************/

    #wp-admin-bar ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    cursor: pointer;
    height: auto;
    padding: 0;
    }

    #wp-admin-bar ul li { /* all list items */
    padding: 0;
    float: left;
    position: relative;
    background: url( ../images/admin-menu-arrow.gif ) 88% 53% no-repeat;
    padding-right: 11px;
    }
    #wp-admin-bar ul li.no-arrow {
    background: none;
    padding-right: 0;
    }

    #wp-admin-bar ul li ul li {
    background-image: none;
    }

    #wp-admin-bar ul li.align-right {
    position: absolute;
    right: 0;
    }

    #wp-admin-bar ul li a {
    display: block;
    }

    #wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover {
    background-color: #333;
    }

    /* second-level lists */

    #wp-admin-bar ul li ul {
    position: absolute;
    width: 185px;
    left: -999em;
    margin-left: 0;
    background: #333;
    border: 1px solid #222;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    }
    #wp-admin-bar ul li > ul {
    border-top: none;
    }

    #wp-admin-bar ul li ul a {
    color: #eee;
    }

    #wp-admin-bar ul li ul li {
    float: left;
    width: 174px;
    margin: 0;
    }
    #wp-admin-bar ul li ul li:hover a {
    color: #fff;
    }

    #wp-admin-bar ul li div.admin-bar-clear {
    clear: both;
    }

    #wp-admin-bar ul.main-nav li ul li:hover, #wp-admin-bar ul.main-nav li ul li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover {
    background-color: #222;
    }

    /* third-and-above-level lists */

    #wp-admin-bar ul li ul ul {
    margin: -25px 0 0 184px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }
    #wp-admin-bar ul li ul li:hover ul li a {
    color: #eee;
    }
    #wp-admin-bar ul li ul li ul li:hover a {
    color: #fff;
    }

    #wp-admin-bar ul li:hover ul, #wp-admin-bar ul li ul li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul {
    left: auto;
    }

    #wp-admin-bar ul li.align-right:hover ul {
    right: 0;
    }

    #wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul {
    left: -999em;
    }

    /* Menu item css */

    #wp-admin-bar img.avatar {
    float: left;
    margin-right: 8px;
    }

    #wp-admin-bar span.activity {
    display: block;
    margin-left: 34px;
    padding: 0;
    }

    #wp-admin-bar ul.author-list li a { height: 17px; }

    #wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
    padding: 0 6px;
    margin-left: 2px;
    background: #fff;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    randit

    Hello: I have deleted the above and the admin bar is still not displaying the correct color. When I loaded the site the right color appears momentarily and then goes to a funky brown. Gosh, this problem has been an issue. I love the theme and really need to get this corrected. Can you please review and figure out the exact problem? If it helps I am sure willing to grant access to the site so you can take a look and maybe that would help verses the back and forth and I am loosing so much time with this. Any help is appreciated.

    Mason

    Hiya,

    As we haven't heard back from you we're going to assume the problem
    was sorted out and mark this ticket as resolved.

    If it wasn't resolved, or you have any more questions related to this
    thread please feel free to post them below and tick the 'Mark as Not
    Resolved (re-open)' box below the post area (or else we'll miss it!)

    Otherwise, thanks for using the forums, and for being a member of WPMU
    DEV, it's a pleasure to help you out and we look forward to being of
    assistance in the future.

    Thanks!