Elle Theme allows Buddypress to bleed into sidebar

Community Forums Forums Design Tips and Tricks Elle Theme allows Buddypress to bleed into sidebar

This topic is: not resolved

Tagged: ,

This topic contains 4 replies, has 2 voices, and was last updated by  dreamscape 1 year, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #27230

    dreamscape
    Participant
    Post count: 14

    Folks, with the Elle theme, I’m seeing that Buddypress seems to push about 10 pixels over into the sidebar. That means the heading backgrounds cover the content in the sidebar. It also means buttons and titles bump right up against the lines provided by the template. You can see this at http://www.dreamscapemultimedia.com/elle-spacing.jpg .

    I’m not a developer, so a snippet of code and the file/location to lay it would be hugely appreciated. Any ideas?

    #27768

    Pinky
    Participant
    Post count: 93

    If you give us the link to your site it’ll make it easier to help


    cheers

    Pinky

    #28001

    dreamscape
    Participant
    Post count: 14

    Thanks, Pinky. The Buddypress components were hidden for members only, which is why I initially sent the screen capture. Here’s the link. The site isn’t launched yet.

    http://209.59.148.184/~mecacoop/groups/

     

    #29661

    dreamscape
    Participant
    Post count: 14

    bump

    #30367

    dreamscape
    Participant
    Post count: 14

    Ah well. Sometimes “community supported” works. Sometimes.. not so much.

    Here’s the fix. Add this to Genesis> Header and Footer Scripts> wp_head() field:

    <style type=”text/css”>
    .padder {padding:19px 24px 19px 19px;}
    #LoginWithAjax td {background:none; border:none;}
    div#subnav.item-list-tabs ul li.last {float:right;}
    div.item-list-tabs ul li.feed a {padding-left:20px !important;}
    div.item-list-tabs ul li.feed a:hover {background-color:none !important;}
    #item-header h1,h2,h3,h4,h5 {clear:none;}
    #item-body h1,h2,h3,h4,h5 {clear:none;}
    </style>
    <script type=”text/javascript”>
    jQuery(document).ready(function() {
    jQuery(‘body.group-home’).removeClass(‘home’);
    });
    </script>

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.