Skip to:
Content
Pages
Categories
Search
Top
Bottom

Removing the adminbar padder in child theme


  • liveview
    Member

    @liveview

    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)

  • modemlooper
    Moderator

    @modemlooper

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

    that should make it look like the admin bar above


    Hugo Ashmore
    Participant

    @hnla

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


    liveview
    Member

    @liveview

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


    Hugo Ashmore
    Participant

    @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.


    Hugo Ashmore
    Participant

    @hnla

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


    liveview
    Member

    @liveview

    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.


    liveview
    Member

    @liveview

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


    Hugo Ashmore
    Participant

    @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.


    liveview
    Member

    @liveview

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


    liveview
    Member

    @liveview

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


    Hugo Ashmore
    Participant

    @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.


    liveview
    Member

    @liveview

    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)
  • The topic ‘Removing the adminbar padder in child theme’ is closed to new replies.
Skip to toolbar