Jump to content
Sign in to follow this  
acousticscentral

BuddyPress Header Bar

Recommended Posts

acousticscentral

I've just installed BuddyPress to work with my Platform Pro template, and the font looks good on the dashboard page, but bad on the actual webpage. How would I make the BuddyPress bar on the webpage look the same as on the dashboard page? Many thanks in advance

Share this post


Link to post
Share on other sites
Kate

Hey Derek, Do you have any custom CSS set (for other parts of the site)?

Share this post


Link to post
Share on other sites
acousticscentral

Hi Kate, No, everything is using the default settings. For some reason in the dashboard the font looks like this: yAqN9.png but, in the page itself it looks like this: g6M9x.png As you can see, the font in the dashboard looks crisp, but in the page it doesn't look as good. Any thoughts?

Share this post


Link to post
Share on other sites
acousticscentral

Following on from the above, I just wiped everything, installed the latest version of Wordpress, the latest Platform Pro Dev in my account, and installed BuddyPress, and now on the webpage itself everything is in capital letters, and looks like this: Bey7K.png Help!!!

Share this post


Link to post
Share on other sites
cmunns

some default bp-admin bar must have been added. Do you have a link to your site?

Share this post


Link to post
Share on other sites
acousticscentral

I'm just building it on localhost at the moment until I get bugs ironed out before uploading to the web. It seems odd that it looks good on the dashboard, but not on the web page itself?

Share this post


Link to post
Share on other sites
astearns

Apparently other Buddypress users have thought the same thing, so they used some custom css to make it better. See here: http://bit.ly/hWXHpm Hopefully that will point you in the right direction. :)

Share this post


Link to post
Share on other sites
acousticscentral

Thanks for the link Alyson, although the people there were trying to customize the admin bar in the dashboard, whereas I'm just trying to get the admin bar on my page to appear the same as it does in the dashboard (i.e. it looks great in dashboard, and I just want it to look the same on the main page, not customize it or anything). I've uploaded the site to the web, so you can see what I'm talking about: Acoustics Central

Share this post


Link to post
Share on other sites
catrina

The font used in the Dashboard bar is different from the one used in the Page layout. If you want to change the Page admin bar's font, you can add this CSS to the custom code:

#wp-admin-bar {font-family: arial;}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
acousticscentral

Catrina, that's excellent, thanks very much. Would you be able to tell me what the code would be to change the case from all upper case to standard? I tried to change it using

#wp-admin-bar {font-family: arial; text-transform: lowercase;}

but it doesn't seem to have any effect. (forgive my ignorance, still learning :) )

Share this post


Link to post
Share on other sites
acousticscentral

Following on from my last post, this seems to be only effecting the text in the top left (the site name), but none of the text in the menus. Could you tell me what the code would be to change those?

Share this post


Link to post
Share on other sites
acousticscentral

Got it, I didn't realize the menus were list elements. Thanks for the help guys. :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×