Skip to:
Content
Pages
Categories
Search
Top
Bottom

Template Pack Walkthrough – Twenty Eleven

9. Congratulations, you have completed the BuddyPress Theme compatibility setup procedure!

Finishing Touches

Go to http://yoursiteURL.com/activity/ and check out the layout.

Uh-oh, the sidebar is below content and some elements of BuddyPress components were wider than usual, among others. We need to clean up some styles enqueued by the BP Template Pack plugin. Open up the child theme’s style.css and add this block after the text we’ve already posted in the file:

/* > BuddyPress Component Finishing Styles
--------------------------------------------------- */
table.forum {
	margin: 0 !important;
	}
table.forum tr > td:first-child, 
table.forum tr > th:first-child {
	padding: 15px !important;
	}
div#item-header h2,
form#whats-new-form h5 {
	clear: none !important;
	}
div#item-header ul {
	list-style-type: none;
	}
div.dir-search {
	margin: -20px 0 0 !important;
	}
div.item-list-tabs {
	margin: 25px 0 20px !important;
	}
div.item-list-tabs ul,
div#object-nav.item-list-tabs ul,
div#subnav.item-list-tabs ul {
	font-size: 13px;
	margin-left: 0 !important;
	}
div.item-list-tabs ul li:first-child {
    	margin-left: 15px !important;
	}
div#subnav.item-list-tabs {
	margin: -15px 0 15px !important;
	}
#activity-stream {
	margin-left: 0;
	}
.padder div.pagination {
	margin: -20px 0 0 !important;
	}
ul.item-list {
	list-style-type: none;
	margin-left: 0;
	}
body.activity-permalink div.activity {
	padding: 20px;
	}
body.activity-permalink .activity-content {
	padding: 0 !important;
	}
body.directory #primary {
	float: left;
    	margin: 0 -26.4% 0 0 !important;<b
    	width: 100%;
	}<br />
body.directory #content {
    	margin: 0 34% 0 7.6%;
    	width: 58.4% !important;
	}

Add/delete styles according to taste. Save and upload to child theme’s folder wp-content/themes/bp-twentyeleven/ and WE’RE DONE.

Postlude

Keep “Twenty Eleven” in your child theme’s “Theme Name” so you could use the nifty “Twenty Eleven Theme Extensions” plugin with this Twenty Eleven child theme.

Having said that, there are a variety of online tutorials available to help you add sidebars to the Twenty Eleven child theme’s single Posts and Pages without using the above Twenty Eleven Theme Extensions plugin.

Pages: 1 2 3