Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Styling BP Columns theme to look like CUNY Academic Commons


  • bibliata
    Participant

    @bibliata

    URL: http://ourcog.org/
    WordPress 3.4.1 | BuddyPress 1.6.1
    Theme Theme BP Columns with 5 Widgets
    Self-hosted + self-installed

    I need help with:
    [1] removing the round corners and the space vertical empty space b/w header/body/footer and
    [2] styling the menu to style BP Columns theme to look like CUNY Academic Commons [http://commons.gc.cuny.edu/]

    @modemlooper helped with some CSS. The theme has a custom.css where it already has:

    div#container, div#first .widget-area, div#fourth .widget-area, div#content, div#content .padder, div#footer-widget-area {
    -moz-border-radius-topleft: 0px ;
    -webkit-border-top-left-radius: 0px ;
    -moz-border-radius-bottomleft: 0px ;
    -webkit-border-bottom-left-radius: 0px ;
    border-top-left-radius: 0px ;
    border-top-right-radius: 0px ;
    -moz-border-radius-topright: 0px ;
    -webkit-border-top-right-radius: 0px ;
    -moz-border-radius-bottomright: 0px ;
    -webkit-border-bottom-right-radius: 0px ;
    border-bottom-left-radius: 0px ;
    border-bottom-right-radius: 0px ;

    =============
    Additional notes:
    [1] To all the WP vets {like me} here, who are NOT used to looking at the fancy shmancy _new_admin bar above the fold – that’s where you log in in order to submit a comment at the BuddyPress Support Forums. I’d never seen it if it was not for @djpaul a few minutes ago (and 5 days too late).

    [2] Thanks goes to the to the dev.team of Buddy Press. We’ve used WP extensively for the last 10 years and giving it social network capabilities is a blast.

    [3] Also thanks to @boonebgorges who introduced me to the Commons in a Box Project [http://commonsinabox.org/] and the powerful engine coming up in Nov.

Viewing 3 replies - 1 through 3 (of 3 total)

  • bibliata
    Participant

    @bibliata

    @mercime got it – took me forever but the .css was all the way in
    /wp-content/plugins/buddypress/bp-themes/bp-default/_inc/css

    Had to add two extra div-s in the custom.css:
    div#container, div#header, div#content, div#content .padder, div#footer-widgets

    Now, how do I remove the space between the div-s?


    @mercime
    Keymaster

    @mercime

    @bibliata I believe there’s a misunderstanding here. You should not be changing anything within the bp-default theme in /wp-content/plugins/buddypress/bp-themes/bp-default/

    If you want to revise the bp-default theme, you should create a child theme https://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/

    BP Columns is already a child theme of bp-default theme. If you want to make any style changes in this child theme, the simplest thing to do there is add your new styles at the bottom of custom.css file and back it up since it will be overwritten when it’s upgraded. Or, you can create a new css file e.g. mystyles.css in BP Columns theme folder to add your new styles to, then open up style.css file and add
    `@ import url( mystyles.css );`
    under `@ import url( custom.css );`
    (remove the space between @ and import when you do this)

    If you’re using Firefox, install the Firebug add-on to help you ID what elements need to be changed.

    And, as I’ve mentioned in the other post, you can use a WP theme which approximates the layout you need and install the BP Template Pack plugin. For reference, we have a list of “bp-template-packed” WP themes, free and premium @ https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#template-packed-wordpress-themes


    bibliata
    Participant

    @bibliata

    @mercime Agreed. It took me a week to figure it out. Finally, copied the default.css to my child theme and began modifying it there. I just need to remove few extra borders here http://ourcog.org/ and style the menu effects like http://commons.gc.cuny.edu/

    Definitely, a lesson learned the hard and time consuming way.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Styling BP Columns theme to look like CUNY Academic Commons’ is closed to new replies.
Skip to toolbar