BuddyPress.org

I want to have the profile tab in my navigation bar and Ive tried the profile menu plugin but it didnt work for 3.4.1. Can someone help me with a code or steps in adding it to my site?

Im running WP 3.3.2, BP 1.5.5 on linux at GoDaddy with php 5.x

Using Skeleton Component 1.6

My Theme set is Frisco, however it tests with the same result on default BP Theme.

Briefly…
All of my sub_nav items are setup the same minus their individual slugs and screens. Every sub_nav works fine accept the first one you see in the code below.

Symptom…
The “Activity” tab also receives class=”selected” when the “Tweets” sub_nav is clicked or loaded via the parent screen_function setting.

This is a huge problem because once the “Activity” tab is double selected with “Twitter” tab you can no longer click Activity and get the activity screen. you have to select a different sub_nav under “Twitter” to get the select off of “Activity”. Then, you can click “Activity” and get that screen.

I have no Idea why that one sub nav would freak out the Activity tab unless there is something in the “Tweets” sub_nav screen’s contents that makes PB think it’s the activity page. I have completely removed all contents of the screen accept the navigation and it’s still doing the same thing. There is not one reference to activity in the “Tweets” screen.

Here is the loader code…

`
/**
* Set up your component’s navigation.
*
* The navigation elements created here are responsible for the main site navigation (eg
* Profile > Activity > Mentions), as well as the navigation in the BuddyBar. PE Admin Bar
* navigation is broken out into a separate method; see
* BP_Twitter_Component::setup_admin_bar().
*
* @global obj $bp
*/
function setup_nav() {
$user_id = get_current_user_id();
if (get_user_meta($user_id, ‘tweetstream_synctoac’, 1)) {
// Add ‘Twitter’ to the main navigation
$main_nav = array(
‘name’ => __( ‘Twitter’, ‘bp-twitter-interface’ ),
‘slug’ => bp_get_twitter_slug(),
‘show_for_displayed_user’ => false, // When viewing another user does this nav item show up?
‘position’ => 80,
‘screen_function’ => ‘bp_twitter_mentions’,
‘default_subnav_slug’ => ‘mentions’
);

$twitter_link = trailingslashit( bp_loggedin_user_domain() . bp_get_twitter_slug() );

// Adds the subnav item “Timeline” under the main Twitter tab
$sub_nav[] = array(
‘name’ => __( ‘Tweets’, ‘bp-twitter-interface’ ),
‘slug’ => ‘tweets’,
‘parent_url’ => $twitter_link,
‘parent_slug’ => bp_get_twitter_slug(),
‘screen_function’ => ‘bp_twitter_timeline’,
‘position’ => 15
);

// Adds the subnav item “Mentions” under the main Twitter tab
$sub_nav[] = array(
‘name’ => __( ‘Mentions’, ‘bp-twitter-interface’ ),
‘slug’ => ‘mentions’,
‘parent_url’ => $twitter_link,
‘parent_slug’ => bp_get_twitter_slug(),
‘screen_function’ => ‘bp_twitter_mentions’,
‘position’ => 20
);

// Adds the subnav item “Followers” under the main Twitter tab
$name = sprintf( __( ‘Followers %s‘, ‘bp-twitter-interface’ ), bp_twitter_followers_count() );
$sub_nav[] = array(
‘name’ => $name,
‘slug’ => ‘followers’,
‘parent_url’ => $twitter_link,
‘parent_slug’ => bp_get_twitter_slug(),
‘screen_function’ => ‘bp_twitter_followers’,
‘position’ => 30
);

// Adds the subnav item “Following” under the main Twitter tab
$name2 = sprintf( __( ‘Following %s‘, ‘bp-twitter-interface’ ), bp_twitter_following_count() );
$sub_nav[] = array(
‘name’ => $name2,
‘slug’ => ‘following’,
‘parent_url’ => $twitter_link,
‘parent_slug’ => bp_get_twitter_slug(),
‘screen_function’ => ‘bp_twitter_following’,
‘position’ => 40
);

// Adds the subnav item “People” under the main Twitter tab
// if the user is viewing a Twitter profile
$sub_nav[] = array(
‘name’ => __( ‘People’, ‘bp-twitter-interface’ ),
‘slug’ => ‘people’,
‘parent_url’ => $twitter_link,
‘parent_slug’ => bp_get_twitter_slug(),
‘screen_function’ => ‘bp_twitter_people’,
‘position’ => 50
);

parent::setup_nav( $main_nav, $sub_nav );
`

This has been frustrating me for two days now… What the heck am I overlooking?

First of all, I love BuddyPress. It suits my site and needs perfectly. I have integrated it into my custom theme and all is working great accept for the following:

Firstly,

When trying to post a status update on the activity tab, it works fine, however when putting a comment to an update, it simply goes to a “Page Not Found” page.

Secondly,

On the Homepage of my site, http://nationalgamingleague.com.au/main/, there are two widget sidebars. Now when you view a BuddyPress Profile, Activity, Messages and Friends tab, the contents from the left widget are below. I need to get rid of this on these pages. Please note that the widget does not appear on the “Members” list page.

I ran the BuddyPress template conversion plugin and this is how things ended up.

My website address is http://nationalgamingleague.com.au/main/ and is still currently being completed, but is due to be released to the public in the next 36hrs.

Here are the answers to the required support questions:

1. Which version of WordPress are you running?

3.3.1

2. Did you install WordPress as a directory or subdomain install?

It is installed in a directory.

3. If a directory install, is it in root or in a subdirectory?

Not sure but the directory is named /main

4. Did you upgrade from a previous version of WordPress? If so, from which version?

N/A

5. Was WordPress functioning properly before installing/upgrading BuddyPress (BP)? e.g. permalinks, creating a new post, commenting.

Yes it was all working fine.

6. Which version of BP are you running?

1.5.5

7. Did you upgraded from a previous version of BP? If so, from which version?

No

8. Do you have any plugins other than BuddyPress installed and activated? If so, which ones?

Yes. Listed below:

Event Espresso
Dynamic Step Process Panels
iQ Block Country
MSI Engine WP Plugin Engine
Notification Bar
Role Manager
Smart Social
Social Slider
Simple Email Ticket Support System
Wordpress Database Backup
WordPress Importer
WP-PageNavi
WP Premium Members
WP Pro Ad System

9. Are you using the standard BuddyPress themes or customized themes?

Customized

10. Have you modified the core files in any way?

No

11. Do you have any custom functions in bp-custom.php?

No

12. If running bbPress, which version? Or did your BuddyPress install come with a copy of bbPress built-in?

N/A

13. Please provide a list of any errors in your server’s log files.

N/A

14. Which company provides your hosting?

Digital Pacific Australia

15. Is your server running Windows, or if Linux; Apache, nginx or something else?

Linux

I hope I have supplied everything that is needed to help fix this.

Thanks,

Nate

I need to remove the user profiles tab:

http://img521.imageshack.us/img521/2634/sinttulodi.png

remove red

this does not work in bp-costum.php
<?php
define ( ‘BP_DISABLE_ADMIN_BAR’, true );
function bbg_remove_profile_tab() {
bp_core_remove_nav_item( ‘profile’ );
}
add_action( ‘bp_setup_nav’, ‘bbg_remove_profile_tab’, 99 );
?>

Hi.
I have a small problem or bug, i created a sidebar on the left side and inserted bp_get_loggedin_user_nav(); in it to show the user nav in the sidebar !
Everything works, but if i go on activity or any link, the class “current_selected” is not applied and the link does not get highlighted in the sidebar!
But it does get highlighted in the .padder div area ( as in default bp theme ).

My sidebar html:

<div id="profile-menu">

<span class="bbw-user-link"><a href=&quot;"></a></span>
<ul class="bbw-avatar">
<li></li>
</ul>

<div id="side_nav">
<div class="menu-list-tabs no-ajax" id="object-nav">
<ul>

</ul>
</div>
</div>

</div>

P.s. My php skills are limited and this it the first time i use buddypress… i have no clue about the that are all around in the template files… could the highlight not work because of them?

I’m having issues with indexes for everything http://www.thoughtsofthemasses.com/blogs/ for example. There’s a huge space that exists regardless of anything I’ve edited.

I’m using the BuddyPress Template Pack Plugin to convert a WP Theme.

Index PHP:
`

`

CSS:
`/*
Theme Name: Andreas09
Theme URI: http://webgazette.co.uk/wordpress-themes/wp-andreas09/
Description: Highly customisable three column goodness.
Author: Andreas Viklund and Ainslie Johnson
Tags: orange, white, three column, flexible width, threaded comments, custom colors, buddypress

andreas09 v1.0 (Dec 10th 2005) – An open source template by Andreas Viklund – http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author.

Ported to WordPress by Ainslie Johnson – Last updated 28/07/06
*/

/* Inherit the default theme adminbar styles */
@import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css );

/* General Element Styling */

body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
padding: 0px;
}

/* Captions and image alignment for wordpress */

div.aligncenter {
display: block!important;
margin: 0px auto;
}
img {
border-width: 0px !important;
border-style: none !important;
}
div.alignleft {
float: left!important;
margin-right: 10px;
}
div.alignright {
float: right!important;
margin-right: 0px;
margin-left: 10px;
}
.wp-caption {
border: 1px solid #CCCCCC;
text-align: center;
background-color: #F8F8F8;
padding-top: 4px;
margin-top: 10px;
margin-bottom: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 16px;
padding: 5px 4px;
margin: 0;
font-family: Arial, Tahoma, “Lucida Sans”;
color: #949494;
font-style: normal;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
float: right;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
float: left;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/* End captions and image alignment */

/*** Main container ***/

#container {
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#sitename {
color:#ffffff;
height:90px;
margin:0 20px 10px;
text-align:left;
}

#sitename h1,#sitename h2 {
font-weight:400;
margin:0;
padding:0;
}

#sitename h1 {
font-size:2.4em;
padding-top:20px;
}

#sitename h1 a {
color: #ffffff;
text-decoration: none;
letter-spacing: 5px;
}

#sitename h2 {
font-size:1.6em;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
margin-top: 5px;
}

/* Horizontal menu */

#mainmenu {
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
}

#mainmenu ul.level1 {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#mainmenu ul {
background: #b0b0b0 url(images/menubg.jpg) center left repeat-x;
padding: 0 0 0 5px;
margin: 0px;
border-bottom: 1px solid #fff;
}

#mainmenu li {
display: inline;
line-height: 25px;
margin-left: -4px;
padding: 0px;
font-size: 0.9em;
list-style: none;
text-transform: uppercase;
}

#mainmenu a {
padding: 6px 9px 6px 9px;
text-decoration: none;
border-right: 1px solid #B0B0B0;
}

#mainmenu li.current a {
color: #000;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
float:right;
margin-left:10px;
}

#rightside img {
border: 0px;
}

/*** Sidebar menu ***/

#leftside h2, #rightside h2 {
font-size: 1.4em;
margin-top: 10px;
padding: 5px 5px 5px 0;
border-bottom: 1px solid #BEBFC3;
}

#leftside ul, #rightside ul {
padding-left: 0px;
margin: 0px;
}

#leftside li, #rightside li {
list-style: none;
}

li#categories li a, li#archives li a, li.pagenav li a {
background:#e8e9ea;
border:1px solid #b0b0b0;
display:block;
margin-top:4px;
padding:5px 4px 4px 10px;
position:relative;
text-transform: capitalize;
width:140px;
}

li#categories li a:hover, li#archives li a:hover, li.pagenav li a:hover {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

li#categories ul.children li a, li#archives ul.children li a, li.pagenav ul.children li a {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

li#categories ul.children li li, li#archives ul.children li li, li.pagenav ul.children li li {
padding-left: 10px;
}

li#categories ul.children li li a, li#archives ul.children li li a, li.pagenav ul.children li li a {
width: 115px;
}

li.feed {
background: url(images/rss.gif) no-repeat left top;
padding: 2px 0 8px 20px;
}

li#recent-comments ul li {
padding-bottom: 5px;
}

li#recent-posts ul li {
padding-bottom: 5px;
}

/*** Content ***/

#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}

#content {
margin:0 200px;
}

#contentalt {
margin:0 200px 0 20px;
}

#content h1,#contentalt h1,#contentalt h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h1,#contentalt h1 {
border-bottom: 1px solid #b0b0b0;
}

#content h2 {
font-size:1.6em;
color:#606060;
}

/* Archives/Links Page List styles */

.archives li, .linkspage li {
list-style: none;
}

.archives ul.children {
padding-left: 10px;
margin-left: 10px;
}

/*** Footer ***/

#footer {
background:#8b8b8b url(images/footerbg.jpg) top left repeat-x;
clear:both;
color:#000;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
line-height: 1.5em;
}

#footer a {
color: #d0d0d0;
font-weight:bold;
}

/*** comments Form ***/

#comment {
width: 100%;
border:1px solid #b0b0b0;
}

#commentform {
width: 97%;
}

#author {
border:1px solid #b0b0b0;
}

#email {
border:1px solid #b0b0b0;
}

#url {
border:1px solid #b0b0b0;
}

#submit {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

#submit:hover {
background: #e8e9ea;
border: 1px solid #848484;
cursor: pointer;
}

/* Image Display */

.entry img, .entrytext img {
border: 1px solid #b0b0b0;
margin: 5px;
padding: 5px;
}

.entry a:hover img, .entrytext a:hover img {
border: 1px solid #505050;
padding: 5px;
}

img.wp-smiley {
border: 0px;
margin: 0px;
padding: 0px;
}

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.left {
background:#fafbfc;
border:1px solid #b0b0b0;
float:left;
margin: 5px 15px 6px 0px;
padding:5px;
}

.right {
background:#fafbfc;
border:1px solid #b0b0b0;
float:right;
margin: 5px 0px 6px 15px;
padding:5px;
}

.noalign {
background:#fafbfc;
border:1px solid #b0b0b0;
margin: 5px 5px 5px 5px;
padding:5px;
}

/* Search Form */

#searchform {
margin-top: 10px;
}

#searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:160px;
}

#searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

#searchbutton:hover {
background: #e8e9ea;
border: 1px solid #848484;
cursor: pointer;
}

/*** Comments Display ***/

.postmetadata {
background:#e8e9ea;
font-size: 0.9em;
border: 1px solid #b0b0b0;
padding: 10px;
margin: 0px;
}

ol.commentlist li {
border: 1px solid #b0b0b0;
padding: 10px;
margin-bottom: 10px;
}

ol.commentlist li cite {
text-transform: capitalize;
}

ol.commentlist li p {
padding-top: 10px;
}

.alt {
background:#e8e9ea;
}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

blockquote {
border: 1px dashed #b0b0b0;
padding: 10px;
margin: 30px;
}

blockquote p {
padding: 0px;
margin: 0px;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.4em;
}

.center {
text-align:center;
}

.category {
border-bottom: 1px solid #b0b0b0;
}

.date {
margin-top: -10px;
padding-top: 0px;
border-bottom: 1px solid #b0b0b0;
}

#page {
border-bottom: 1px solid #b0b0b0;
padding-bottom: 10px;
margin-bottom: 10px;
}

/* Previous/Next Page Navigation */

.navigation {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px dashed #b0b0b0;
}

.bottomnavigation {
margin: 30px 0 0 0;
padding: 5px 0 30px 0;
border-top: 1px dashed #b0b0b0;
}

.alignleft {
float: left;
text-align: left;
}

.alignright {
float: right;
text-align: right;
}

.post {
padding-top: 0px;
padding-bottom: 10px;
margin: 0px;
}

/* Fix by Andy Skelton */

.entry, .entrytext {
overflow: hidden;
}

* html.entry, * html.entrytext {
overflow: visible;
height: 1px;
}

* html.entry p, * html.entrytext p {
width: 99%;
overflow: hidden;
}

.entrytext {
padding-top: 0px;
}

/*** Various classes ***/

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {
display:none;
}

/* Widgets */
.rsswidget {
border:0px;
vertical-align: bottom;
}
/*** End of file ***/.commentlist li li {
list-style-type: none;
}

/* > Item Headers (Profiles, Groups)

---

*/

div#item-header {
overflow: hidden;
}
div#item-header div#item-header-content { margin-left: 170px; }

div#item-header h2 {
font-size: 28px;
margin: 0 0 15px 0;
line-height: 120%;
}
div#item-header h2 a {
text-decoration: none;
color: #777;
}

div#item-header img.avatar {
float: left;
margin: 0 15px 25px 0;
}

div#item-header h2 { margin-bottom: 5px; }

div#item-header span.activity, div#item-header h2 span.highlight {
vertical-align: middle;
font-size: 11px;
font-weight: normal;
line-height: 170%;
margin-bottom: 7px;
}

div#item-header h2 span.highlight { font-size: 16px; }
div#item-header h2 span.highlight span {
position: relative;
top: -2px;
right: -2px;
font-weight: bold;
font-size: 11px;
background: #a1dcfa;
color: #fff;
padding: 1px 4px;
margin-bottom: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
vertical-align: middle;
cursor: pointer;
display: none;
}

div#item-header div#item-meta {
font-size: 14px;
color: #aaa;
padding-bottom: 10px;
overflow: hidden;
margin: 15px 0 5px 0;
}

div#item-header div#item-actions {
float: right;
width: 20%;
margin: 0 0 15px 15px;
text-align: right;
}
div#item-header div#item-actions h3 {
font-size: 12px;
margin: 0 0 5px 0;
}

div#item-header ul {
overflow: hidden;
margin-bottom: 15px;
}

div#item-header ul h5, div#item-header ul span, div#item-header ul hr {
display: none;
}

div#item-header ul li {
float: right;
}

div#item-header ul img.avatar, div#item-header ul.avatars img.avatar {
width: 30px;
height: 30px;
margin: 2px;
}

div#item-header div.generic-button, div#item-header a.button {
float: left;
margin: 10px 10px 0 0;
}

div#item-header div#message.info {
line-height: 80%;
}

/* > Item Lists (Activity, Friend, Group lists)

---

*/

ul.item-list {
width: 100%;
}
ul.item-list li {
position: relative;
padding: 15px 0;
border-bottom: 1px solid #eaeaea;
}
ul.single-line li { border: none; }
body.activity-permalink ul.item-list li { padding-top: 0; }

ul.item-list li img.avatar {
float: left;
margin: 0 10px 10px 0;
}

ul.item-list li div.item-title, ul.item-list li h4 {
font-weight: normal;
font-size: 14px;
width: 75%;
margin: 0;
}
ul.item-list li div.item-title span {
font-size: 12px;
color: #999;
}

ul.item-list li div.item-desc {
margin: 10px 0 0 64px;
font-size: 11px;
color: #888;
width: 50%;
}

ul.item-list li div.action {
position: absolute;
top: 15px;
right: 0;
text-align: right;
}

ul.item-list li div.meta {
margin-top: 10px;
color: #888;
font-size: 11px;
}

ul.item-list li h5 span.small {
font-weight: normal;
font-size: 11px;
}

/* > Item Tabs

---

*/

div.item-list-tabs {
clear: left;
overflow: hidden;
margin: 25px -19px 20px -19px;
background: #eaeaea;
}
div.item-list-tabs ul li a {
text-decoration: none;
}

div.item-list-tabs ul {
width: 100%;
}
div.item-list-tabs ul li {
float: left;
margin: 5px 0 0 5px;
}
div.item-list-tabs#subnav ul li {
margin-top: 0;
}

div.item-list-tabs ul li:first-child {
margin-left: 20px;
}

div.item-list-tabs ul li.last {
float: right;
margin: 7px 20px 0 0;
}
div.item-list-tabs#subnav ul li.last {
margin-top: 4px;
}

div.item-list-tabs ul li.last select {
max-width: 175px;
}

div.item-list-tabs ul li a,
div.item-list-tabs ul li span {
display: block;
padding: 5px 10px;
text-decoration: none;
}
div.item-list-tabs ul li span {
color: #aaa;
}

div.item-list-tabs ul li a span {
display: inline;
padding: 0;
color: inherit;
}

div.item-list-tabs ul li.selected a,
div.item-list-tabs ul li.current a {
background-color: #fff;
color: #555;
font-weight: bold;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
}
ul li.loading a {
background-image: url( ../images/ajax-loader.gif );
background-position: 92% 50%;
background-repeat: no-repeat;
padding-right: 30px !important;
}
div#item-nav ul li.loading a {
background-position: 88% 50%;
}

div.item-list-tabs#object-nav {
margin-top: 0;
}

div.item-list-tabs#subnav {
background: #fff;
margin: -15px -19px 15px -19px;
border-bottom: 1px solid #eaeaea;
min-height: 35px;
overflow: hidden;
}

div.item-list-tabs ul li.feed a {
background: url( ../images/rss.png ) center left no-repeat;
padding-left: 20px;
}

/* > Item Body

---

*/

.item-body {
margin: 20px 0;
}

span.activity, div#message p {
display: inline-block;
font-size: 11px;
font-weight: normal;
background: #FFF9DB;
border-bottom: 1px solid #FFE8C4;
border-right: 1px solid #FFE8C4;
color: #ffa200;
padding: 1px 8px;
margin-top: 6px;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* > Directories (Members, Groups, Blogs, Forums)

---

*/

div.dir-search {
float: right;
margin: -37px 0 0 0;
}
div.dir-search input[type=text] {
padding: 4px;
font-size: 12px;
}

/* > Pagination

---

*/

div.pagination {
margin: -15px -20px 9px -20px;
border-bottom: 1px solid #eaeaea;
padding: 10px 20px 10px 20px;
color: #888;
font-size: 11px;
height: 16px;
}
div.pagination#user-pag, .friends div.pagination,
.mygroups div.pagination, .myblogs div.pagination, noscript div.pagination {
background: #f8f8f8;
border: none;
padding: 8px 15px;
}

div.pagination .pag-count {
float: left;
}

div.pagination .pagination-links {
float: right;
}
div.pagination .pagination-links span,
div.pagination .pagination-links a {
font-size: 12px;
padding: 0 5px;
}
div.pagination .pagination-links a:hover {
font-weight: bold;
}
`