Why the new thread?
Anyway:
1. Make a new folder inside “themes”. Call it whatever you wish
2. Make a new “style.css” file inside your new theme folder
3. Paste this code into your “style.css” file and then activate your new child theme
/*
Theme Name: My Theme
Description: My BuddyPress Child The,e
Template: bp-default
Tags: buddypress
*/
/* Parent styles */
@import url( ../../plugins/buddypress/bp-themes/bp-default/style.css );
/* Custom styles */
ul#nav {max-width: 100%;}
Bear in mind that IE 6 doesn’t understand max-width… only width. Then again, the BP default theme is no IE 6 friendly anyway (although it wouldn’t take much to make it so).
Thanks David,
I’ve only just noticed that I got a reply here, its still been bugging me! That looks quite complicated, is there no simpler way?
Thanks again,
Mark.
Not really, it’s more complicated than it need be for a simple property adjustment but thats the way of things, creating a child theme is a good idea even though fairly involved – once done you’ll realise it’s not really – it will allow freedom to adjust/overwrite further styles set in the default theme without fear of your changes being overwritten, also if things go wrong simply re-select the BP-default theme in the dashboard.
As for the width issues and IE I’m not really sure why max-width was used, as David says default theme is not IE <8 friendly but it ought to be and could be quite easily, state width as 'max-width' & 'width' to keep IE happy.
Here is a link to more details on building a child theme (an excellent way to work with BP).
https://codex.buddypress.org/how-to-guides/building-a-buddypress-child-theme/
