Interaction with BuddyPress styles

  • Resolved kristarella

    (@kristarella)


    11 years ago

    Hey,
    I’m using Genesis bbPress Extend and Genesis Connect for BuddyPress and I noticed my group forums looked gross a bit ugly (http://cl.ly/image/1b2m0R302I1c).
    Turns out it was interacting with some BuddyPress CSS. Line 23 of buddypress.css:

    .directory .item-list-tabs ul li,
.internal-page #content ul li {
	display:inline;
	float:left;
	position:relative;
}

    (The float:left; is the one to blame)
    It may be more of an issue for the BP Connect plugin, but I thought you should know.

    http://wordpress.org/extend/plugins/bbpress-genesis-extend/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jared Atchison

    (@jaredatch)

    11 years ago

    Thanks for the heads up. CSS issues are the most common when using bbPress and it’s difficult to deal with.

    As of version 0.9.0 of the plugin we actually don’t include any compatibility CSS (we did previously) as it proved really hard to include CSS that fixes issues across the various Genesis child themes.

    Luckily most modern Genesis child themes (the CSS that is) play fairly well with bbPress and only require a minimal amount of CSS tweaks. For example the default stylesheet with Genesis 1.8.2 works well, other than a few form elements (such as the bbPress 2.3 search feature) that need to be tamed.

    Maybe in the future I can lobby StudioPress to include the handful of CSS fixes needed in their child themes 🙂

    Thread Starter kristarella

    (@kristarella)

    11 years ago

    Goodo. I haven’t had much trouble with it, but it did take me a while to track down which line was causing that craziness.

    Apparently the Connect plugin is designed for you to copy buddypress.css into your theme and modify to suit, so I might do that rather than overridding the styles in my style.css.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Interaction with BuddyPress styles’ is closed to new replies.

Tags