Skip to:
Content
Pages
Categories
Search
Top
Bottom

Removing the adminbar padder in child theme

  • I am making a child theme based on default BP, and getting frustrated with my inability to get rid of the padder on adminbar so it will stretch the full page width.

    Any help?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Avatar of @modemlooper
    @modemlooper
    Moderator

    @modemlooper

    #wp-admin-bar .padder{
    width: 100% !important;
    }

    that should make it look like the admin bar above

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    You’re probably being foxed by this naughty little ruleset in default.css
    `
    line 60
    #wp-admin-bar .padder {
    width:90% !important;
    }
    `

    I’ve changed that to 100% as the first thing i tried, no dice. It makes it wider, but not full page width

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    try, rather than using !important, removing/ changing the offending ruleset in default. If you have copied default over to your child theme you are better of removing / adjusting styles in it than overriding. If you drop back to using default theme it will pick up the original styles.

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    Then have you adjusted the min/max widths in adminbar.css?

    I have copied the entire default.css into the style.css in my custom theme and reworked it pretty heavily.

    I have also made a mirror of _inc/css/adminbar.css in my theme folder and set all the width attributes to 100% in this, no change.

    here is a screenshot (site is in maintenance mode, so link is no help :p) http://liveview.no/demo.jpg

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    Are you sure your @import paths are correct, are you actually calling the right adminbar.css? There are only a few rulesets that will govern these dimensions, Firebug is a extension for Firefox that will allow you to observe which rulesets are applied to an element when you hover the element in the viewport.

    ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css is my @import url

    id doesn’t seem like the adminbar.css in my theme folder is overriding the default tho

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    You’re pulling in the original one, if you made changes in a copy then they won’t be applied.

    path is :
    _inc/css/

    if you copied the default structure to a child theme.

    ah, I expected it would do like default.css and just override with my changes.

    Fixed now, many thanks

Viewing 12 replies - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.