New to the community? Start here

site-wide.css

Hi,

I’m trying to set up a style sheet that I can use so that I don’t modify any of the style sheets provided with the BP-Corporate theme. In the custom.css file it says:

/*

Rename this file to ‘site-wide.css’ to activate it.

Any CSS styles placed in this file will be applied site-wide regardless of which theme is in

use for a particular page. Essentially, if you want to apply common styles to both your home blog

theme and your member theme, put them in here.

This CSS file is not limited to the ‘buddypress-home’ theme. Place this file in any theme that you

activate for your root blog and it will be loaded as long as BuddyPress is enabled.

*/

So I saved it as site-wide.css in the same folder as the custome sheet and did some changes to bg colors and such an put it out to the site. but there were no changes. I looed at the source for BP and did not see any link to site-wide nor did I see any includes.

The second half of my question is the order of the style sheets. There are many many sheets in the cp-corporate theme, what are they all and in what sequence are they applied? Here is my first quess…

Order, style.css:

@import url( _inc/css/base.css );

@import url( _inc/css/directories.css );

@import url( _inc/css/settings.css );

@import url( _inc/css/components.css );

@import url( _inc/css/global.css );

@import url( _inc/css/custom.css );

@import url( _inc/css/wp-comments.css );

Theme-options.php, corporate-red.css, adminbar.css,

However, I don’t understand how the corporate-red and or adminbar actually get incorporated.

I tried updating some of the corporate-red.css by creating a new folder in styles called /my-woodcraft/ and added a my-woodcraft.css. Oddly enough only one of my images came up on the site and that was the image above “Center Widget”. Next I will check the source to see where these images on the main page are coming from. Clearly they are not all from one style sheet.

This is an important start-up topic for me, if I don’t understand the style sheets and how they are used foro the BP main pagre and my blog, customizing witll be a painful journey.

Kind Regards from a newbie,

Larry

Thu, 7 Jan 2010 4:07:15
  • Richie_KS
    • HummingBird

    the bp-corpoate did not used site-wide.css

    newer version 1.1.5 should have a custom.css that remove the confuse site wide text stuff..

    the bp-corporate are first adapt from older bp version so it might

    seem confuse with all the stylesheet.:slight_smile:

    @edit the preset style

    you shouldn’t edit the themesbp-corporatestyles

    if you like to edit one of the style..just copy paste the style and folder with

    same name and rename both to new name…the preset style with auto

    fetch and show the new style in preset style..sample like this for your

    new style

    corporate-mystyle.css

    corporate-mystyle <– folder name –>

    you also need to change the css img link to in corporate-mystyle.css

    like this

    #navigation {

    background: url(corporate-red/navs.png) no-repeat!important;

    }

    change the bold text to your new style name.

    hope this clear some light for you:slight_smile:

  • tishimself
    • Syntax Hero

    Hi,

    I have BP-Cproorate 1.1.3, but has the custom.css style sheet. I will look to upgrade to 1.1.5 and make my updates to the custom.css sheet.

    I can see that custom.css is not the last incuded style sheet and I have no idea where “corporate-mystyle.css” gets inculded. Tho I created one and it seems to be working.

    What is sequence of the style sheets? It seems that I’m missing where some must be incuded.

    But going to version 1.1.5 brings up another issue. How do I ensure my updates to a theme will not get messed up by the next update? In this case anything I put in the BP-Coporate theme folder will need to be replaced every time I upgrade. Wowsers, I’m getting dizzy.

    Kind regards,

    Larry

  • Richie_KS
    • HummingBird

    yeap…i know its pain when you need to update and loss your edits.

    i would recon do a new upgrade – replace all file to v1.1.5

    stylesheet structure had changed in 1.1.5 and any custom css should

    go into custom.css only.

    of coz do a backup of your current theme version before clean update.

    idea on next version release

    maybe i should include child theme for the bp-corp, bp-fun, bp-community?

    that way any changes to tpl will not be effected.

    will check on this later….thanks

  • tishimself
    • Syntax Hero

    Hi,

    I’m don’t understand the prupose of BP child themes. Are they for the blogs?

    Regards,

    Larry

    PS. Is there an easy way to find my forum posts? Maybe I’ll add my name into the tags for the next one so I can just search on my name and pull em all up. Worth a try anyhow.

  • Sue
    • Ex Staff

    @Larry The purpose of the parent/child BuddyPress Theme feature is to protect the original Theme from any design changes so it allows the user to change (customise) the child Theme without impacting the original code.

    So the idea is you make any changes to the theme using the child Theme and when you need to upgrade the Theme if there is a new version it applies the changes to the Parent theme while keeping your customisations in the child Theme intact.

  • tishimself
    • Syntax Hero

    Hi,

    Maybe I need to move to a theme with a child.

    As for the use of the custom.css, I think it may be better to use these:

    corporate-mystyle.css

    corporate-mystyle <– folder name –>

    In this way I can put all the new images into the folder and make my css changes in one place.

    Is this reasonable?

    Kind Regards,

    Larry

  • tishimself
    • Syntax Hero

    Hi

    ok, so based on what Richie said I created

    corporate-mystyle.css

    corporate-mystyle <– folder name –>

    to hold my custom preset style and images. NP.

    If I use the custom.css file for all other style changes, where would I put images, like backgrounds and such? Is there a corresponding custom image folder?

    Kind regards,

    Larry

  • tishimself
    • Syntax Hero

    Hi,

    I’m looking those more experienced to tell me why the path I am taking will cause me trouble down the road, like with future updates. What is wrong with what I am doing? It seems that keeping my CSS and modified images out of the provided themes files and folders would work well. Certainly, I don’t want to modify the images in the provided theme folder.

    Regards,

    Larry