Skip to:

Theme CSS overriding BuddyPress styles

  • hixmyrick


    BP 1.7 beta 1
    WP 3.5.1
    Theme: Website (actually the name of the theme, from ThemeForest)
    Groups Page

    For the most part, theme compatibility seems to be working. However, some elements are being hijacked by the theme’s styles. A couple of examples:

    • Group search text input is not visible
    • On the group admin settings page, the radio buttons for privacy options disappear because they are picking up a theme style with opacity set to 0.

    Is there any way to have all BP elements completely ignore theme styles? Or is it simply a matter of finding each offending style and adding a style to override it?

Viewing 1 replies (of 1 total)
  • By & large the point was/is with the BP theme compatibility styles that they do¬† or provide as little styling as possible, to slot into a theme BP has to render just very simple positioning styles more than anything, leaving the theme to provide styles.


    You will need to look at the mechanisms the theme provides for adding styles and provide adjustments where the theme causes issues for BP elements.


    BP provides a top level namespace type token #buddypress so using that you can apply styles that have a higher specificity.

Viewing 1 replies (of 1 total)
  • The topic ‘Theme CSS overriding BuddyPress styles’ is closed to new replies.
Skip to toolbar