BP 1.1 default theme CSS shortcomings
-
I’m pretty new to BuddyPress and I don’t know if this is the right place to post this, so please be patient with me and point me to the proper direction if it isn’t.
I’m working with the latest version from trunk (1696) on a WPMU 2.8.4 base. I like the new theme architecture very much, but I noticed a few shortcomings which are only visible in wide monitors (1920 x 1200). When you resize the browser window to max window width, the backgrounds of the header titles do not extend all the way as they should. That’s because they use a fixed width background picture. To remedy that I created 4 new background pictures (based on the current ones) and added a few CSS statements to my custom.css file as follows:
#third-section .widget,
#content .page,
#content .directory-widget,
#content .directory-listing {
background: url(../images/el_leftcol_header_bg.gif) top left repeat-x !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#third-section .widget h2,
.page h2.pagetitle,
.page h3 {
background: url(../images/el_leftcol_header_left.gif) top left no-repeat;
}
#third-section .widget_bp_core_welcome_widget {
background: url(../images/el_welcome_header_bg.gif) top left repeat-x !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.widget_bp_core_welcome_widget h2 {
background: url(../images/el-welcome_header_left.gif) top left no-repeat !important;
color: #fff !important;
}
I haven’t developed a full fledged site yet, so I don’t know if I have covered all the eventualities, but the same style overrides could be applied to other occurrences where these fixed-width background pictures are currently used. You can get the images from the directories mentioned above at http://eigenlife.com/wp-content/themes/bp-default/_inc/. Of course it would be more appropriate (I think) if these changes were incorporated in the screen.css file.
- The topic ‘BP 1.1 default theme CSS shortcomings’ is closed to new replies.
