Skip to:
Content
Pages
Categories
Search
Top
Bottom
Codex HomeLegacy DocsArchived Section: Theme DevelopmentThemes & the BuddyPress Template Pack → Template Pack Walkthrough – Twenty Ten

Template Pack Walkthrough – Twenty Ten

Finishing Touches

We’re almost done. Check out the layout of the BP components in your site. Layout problems found per images below.

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: -50px 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;
	}
.widget-container {
	overflow: hidden;
	}
ul#members-list,
ul#groups-list {
	list-style-type: none;
	margin-left: 0;
	}
div.avatar-block img {
	float: left;
	}
#content input, #content textarea {
	font-size: 12px;
	line: height: 18px;
	}

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

Pages: 1 2 3

Skip to toolbar