sharmstr

[sharmstr]

Unless I’m completely not understanding, the first code snippet in the link I sent you works like a charm.

COPY CODE

function custom_adminbar_titles() {
	global $wp_admin_bar;
        $wp_admin_bar->add_menu( array(
                'id'    => 'my-account-xprofile',
                'title' => 'Bio',
			) 
		);
}
add_action( 'wp_before_admin_bar_render', 'custom_adminbar_titles' );

That code will change the “Profile” link to “Bio” located in the admin bar menu under “howdy, xxxx”

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You probably didnt get an answer because I dont believe there is a easy way to do this using the theme options. I just did a semi-test and you can probably do something like this.

1 – Copy /kleo/footer.php to your /kelo-child/footer.php

2 – Comment out

COPY CODE

 <?php get_sidebar('footer');?> 

and save to your server.

3 – In Theme Opions -> General Settings, scroll to the bottom and add all of your html markup in the Footer Text editor.

I haven’t fully tested this, its just a best guess.

If that doesnt work, you’ll still have to comment out their footer sidebar call and custom code your own footer (probably in footer.php).

Keep in mind that the more you modify core Kelo files, the more you’ll have to test/change/update during Kleo updates.

Maybe someone else knows an easier way.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Here’s what I do. I design it using VC, then switch to classic mode. You’ll see all the shortcode goodness. I copy and paste that where I want it. And yes, you can put it in the text sidebar widget.

I’m guessing your not directly editing any php files, but if you ever want to add it directly to a php code, then you’d call it like this.

COPY CODE

<?php echo do_shortcode('[kleo_gap size="20px" class="" id=""]') ?>

Abe and team, it would be awesome to have some sort of icon reference. Just big ol list where you can see what they look like.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Regarding the sidebar font color. You’ll need to play around with a few css rules to get every type of text (regular, H4, titles, etc). Here are a few

COPY CODE

#main .sidebar {
 color: #CA0000; /*set the color here */
}

#main. sidebar h4 {
color: #CA0000; /*set the color here */
}

Regarding the background, it all depends on how you did it. If you did it by specifying a color, and not an image, then something like this works

COPY CODE

.container-wrap main-color {
background-color: rgba(255, 255, 255, 0.9);
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Hey Kieran,

If you look at your code, you are setting $notifications to messages_get_uread_count. But then below that, you are setting $count to the value of $messages (instead of $notifications), which isn’t defined, so it will always return ‘0’. Furthermore, messages_get_unread_count will return a number, including 0, so you dont need the $count line anyways.

Anyhow, replace

COPY CODE

$notifications = messages_get_unread_count( bp_loggedin_user_id() );
$count         = ! empty( $messages ) ? count( $messages ) : 0;

with

COPY CODE

$count = messages_get_unread_count( );

And you should be all set.

Side note. Instead of calling

COPY CODE

if ( is_user_logged_in() ) {

twice, just wrap both menu functions within one.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Whoa. You are the only one having this issue. Its extremely difficult to figure out what is wrong with your setup without having access to it. It could be any number of things. Early on you said that the problem would be fixed if you could get the avatars to come in at 80px instead of 50px. I gave you a link that describes and walks you through how to do that. All of the other css code is for rounding the containing div. Take a look at this link again to see if calling a bigger avatar (60 to 80px) will fix your problem.

http://codex.buddypress.org/getting-started/guides/customizing-buddypress-avatars/

The part you want to focus on in the above link is the “How to Change BuddyPress Avatar Sizes”. As the instructions state, you’ll want to open /plugins/bp-custom.php and add the following to it

COPY CODE

define ( 'BP_AVATAR_THUMB_WIDTH', 80 );
define ( 'BP_AVATAR_THUMB_HEIGHT', 80 );

Save it, reupload it to your server, hit F5, take a break, come back, hit F5 and see if it worked. You can play with the 80 setting to see if just 60 will do it.

And btw, changes dont show up right away. You need to be patient. Hit F5 to reload the page, as well. I’m guessing somewhere along the line one of the proposed fixes actually worked but you just assumed it didnt because you didnt see it right away. That happens all the time.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Hard to help without seeing all the css that’s being loaded. (keep in mind I dont work for the devs of the theme. I’m just trying to help.)

BuddyPress uses two different default avatar sizes. 50px for thumbnails and 150px for full. You can change these defaults. Refer to this: http://codex.buddypress.org/getting-started/guides/customizing-buddypress-avatars/

Kleo has its own sytling for the avatar thumbnail which can be found in kleo/buddypress/css/buddypress.css

COPY CODE

#buddypress .activity-list .activity-avatar {
	float: left;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	z-index: 2;
	border-style: solid;
	border-width: 5px;
	margin-left: 10px;
	margin-top: -7px;
	/*box-shadow: 0 0 0 13px #fff;*/
	width: 60px;
	height: 60px;
}

It really sounds like you have some css from another plugin overriding kleo’s buddypress.css styles, but again, hard to tell without seeing it with my own eyes.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Hey John,

Glad it sorted.

As far as colors go, they are set by post type. Every different post type as a different color. I dont see in the Admin where you can control those (I could be wrong) so you’ll probably have to override those in your child stylesheet.

Set these to the color you want

COPY CODE

.masonry-listing .format-video .post-title {
	border-left: 3px solid #07baf4;
}
.masonry-listing .format-standard .post-title {
	border-left: 3px solid #8a52ad;
}

.masonry-listing .format-image .post-title {
	border-left: 3px solid #fc604a;
}

.masonry-listing .format-gallery .post-title {
	border-left: 3px solid #43ae9e;
}

.masonry-listing .format-audio .post-title {
	border-left: 3px solid #367bb7;
}

.masonry-listing .format-link .inner-content {
	margin-top: 10px;
	border-left: 3px solid #00c5c4;
}

.masonry-listing .format-aside .post-title {
	border-left: 3px solid #ee2534;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Hey John,

You have a jquery error that’s preventing all of the code to run. See image: https://24.media.tumblr.com/d87d578bc1f4766a36f88bea6ceeb266/tumblr_n2onppB5PW1squolvo1_500.jpg

For whatever reason, your /kelo/assets/js/scripts.js file is missing the jquery.imgpreload script that’s supposed to be at the bottom of the file. This is what you’re missing

COPY CODE

/* v1.5 */
/*

Copyright (c) 2009 Dimas Begunoff, http://www.farinspace.com

https://github.com/farinspace/jquery.imgpreload

Licensed under the MIT license
http://en.wikipedia.org/wiki/MIT_License
*/
if ('undefined' != typeof jQuery)
{
(function($){

// extend jquery (because i love jQuery)
$.imgpreload = function (imgs,settings)
{
settings = $.extend({},$.fn.imgpreload.defaults,(settings instanceof Function)?{all:settings}:settings);

// use of typeof required
// https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Operators/Special_Operators/Instanceof_Operator#Description
if ('string' == typeof imgs) { imgs = new Array(imgs); }

var loaded = new Array();

$.each(imgs,function(i,elem)
{
var img = new Image();

var url = elem;

var img_obj = img;

if ('string' != typeof elem)
{
url = $(elem).attr('src') || $(elem).css('background-image').replace(/^url\((?:"|')?(.*)(?:'|")?\)$/mg, "$1");

img_obj = elem;
}

$(img).bind('load error', function(e)
{
loaded.push(img_obj);

$.data(img_obj, 'loaded', ('error'==e.type)?false:true);

if (settings.each instanceof Function) { settings.each.call(img_obj); }

// http://jsperf.com/length-in-a-variable
if (loaded.length>=imgs.length && settings.all instanceof Function) { settings.all.call(loaded); }

$(this).unbind('load error');
});

img.src = url;
});
};

$.fn.imgpreload = function(settings)
{
$.imgpreload(this,settings);

return this;
};

$.fn.imgpreload.defaults =
{
each: null // callback invoked when each image in a group loads
, all: null // callback invoked when when the entire group of images has loaded
};

})(jQuery);
}

I guess make sure all of your theme files are up to date.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in functions.php and edit positions as necessary.

COPY CODE

function my_change_profile_tab_order() {
global $bp;

$bp->bp_nav['settings']['position'] = 10;
$bp->bp_nav['activity']['position'] = 20;
$bp->bp_nav['friends']['position'] = 30;
$bp->bp_nav['groups']['position'] = 40;
$bp->bp_nav['blogs']['position'] = 50;
$bp->bp_nav['messages']['position'] = 60;
$bp->bp_nav['profile']['position'] = 70;
}
add_action( 'bp_setup_nav', 'my_change_profile_tab_order', 999 );

I find it hard to believe that you couldnt find this solution since there’s about a million pages returned by google when searching for it. So, my guess is you tried it and it didnt work. If that’s the case, then make sure that the quotes are actual single quotes and not fancy quotes and two, be patient. The change wont show up right away. Just hit F5 a few times.

I just added the above code and it worked without issue.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I dont think they have a setting for that in the admin (at least I couldnt find it). You can put this in your childs style.css file

COPY CODE

#container-wrap main-title alternate-color  border-bottom {
background-color: #*whatever*;
color: #*whatever*;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Without digging into the code you can put some reorder code in your childs functions.php file. There’s a ton of posts about it if you google it.

http://blog.maximusbusiness.com/2013/04/bp-profile-nav-positions-names/

You’ll have to override the css using your childs style.css file to change the icons. I’m pretty sure its using fontello icons, so just figure out which the icon code you want to change it to, or specify your own.

This would change the activity icon to an upload icon

COPY CODE

#buddypress div#item-nav ul #activity-personal-li a:before, #buddypress div#item-nav ul #home-groups-li a:before {
  content: "\E84D";
}

This will change it to your gravtar 🙂

COPY CODE

#buddypress div#item-nav ul #activity-personal-li a:before, #buddypress div#item-nav ul #home-groups-li a:before {
  content: url(http://0.gravatar.com/avatar/80a2e1d15672dff15d528369d607005d?s=60&d=retro&r=G);
}

As far as putting icons under the + more icon, that is determined by screen size. There’s no “put this icon under there’ code. Its automagically starts stacking the last icon under there when the screen width is reduced. Try changing your browser width to see what I’m talking about. So, basically, the ones you want to move under there should be put at the end of the nav menu when you figure out the reordering.

I dont work here, I’m just bored. Good luck.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I figured it out. Buddypress is assigning the ‘hidden’ class to the ”li”. Since this theme uses bootstrap is hiding the “li” after page load. You can tell because your group count will be different from the displayed number of groups if hidden groups exist.

Anyhow, I had to override the .hidden class

COPY CODE

#groups-list, .hidden {
	display: inherit !important; 
	visibility: visible !important;
}

My other installed themes showed the hidden groups, even when using bootstrap because they set their own classes on the “li”.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

@chapterr you’ll need to edit the /page-parts/post-content-masonry.php file and save it to your childs theme.

The part you need to edit is the aq_resize call. They have it set to

COPY CODE

$image = aq_resize( $img_url, 480, 9999, null, true, true );

I changed to

COPY CODE

$image = aq_resize( $img_url, 480, null, true, true, true );

Keep in mind that the hassle that comes with modifying core files. After upgrades you’ll have to see if they added/changed any code to those files. If they have, you’ll have to include their changes into your child page. Not a huge deal, but not for the person who wants hassle free updating.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Yeah, that’s a good idea. I’m building a private site, so I never think about those things. Wrap it in a

COPY CODE

if ( is_user_logged_in() ) { my code here } 

Haven’t tested it but should work.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Looks like you copied the code from the start of the thread where I was using the code wrapper ad it was removing some of the code. Here it is again

COPY CODE

add_filter('wp_nav_menu_items','add_notification_to_custom_menu', 2, 2);

function add_notification_to_custom_menu( $items, $args ) {
	$notifications = bp_notifications_get_notifications_for_user( bp_loggedin_user_id() );
	$count         = ! empty( $notifications ) ? count( $notifications ) : 0;
	if ($count > 0 ) {
		$alert = 'alert';
		$pending = 'pending-count';
	} else {
		$alert = 'no-alert';
		$pending = 'count';
	}
	return $items."<li id='menu-bp-notifications' class='menupop'><a href='".bp_loggedin_user_domain()."notifications/'><span id='ab-pending-notifications' class='" . $pending . " " . $alert . "'>".$count."</a></li>";
    
	return $items;
}

EDIT: The code is still getting cut off. Make sure you have a closing li at the end of the long $items var.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Override the style in your child theme style.css.

COPY CODE

li.bbp-forum-info .bbp-forum-title {
font-family: 'whatever suits your taste font';
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

THIS IS OLD INFORMATION. THE NOTIFICATION BUBBLE IS NOW IN KLEO. DO NOT USE THIS CODE

You should read up on child theme’s. They are important.

Basically a child them lets you override settings of the main theme and keep those changes safe from theme updates. If you were to put my hack in the main theme function.php file, you’d lose it when you apply an update.

In the zip file you downloaded for the theme, there should be two theme zip files in the wordpress folder. You should have installed kelo.zip first. Then if you installed kleo-child.zip and activated that as your theme, you’d have a child theme to put your hacks in. (simple terms… install both themes and activate the child theme.)

Once you’ve done that, you can add your hacks. In the admin, go to Appearance -> Editor. On the right hand side, click on Theme Functions (functions.php). Below the ‘add custom code below’ put this: (NOTE: If you dont see ‘Kelo Child’ selected in the upper right hand corner where it says ‘Select theme to edit’ then stop. You probably dont have the child them active. Go back to the beginning.)

COPY CODE

/**
* notifications
**/
add_filter('wp_nav_menu_items','add_notification_to_custom_menu', 2, 2);

function add_notification_to_custom_menu( $items, $args ) {
	$notifications = bp_notifications_get_notifications_for_user( bp_loggedin_user_id() );
	$count         = ! empty( $notifications ) ? count( $notifications ) : 0;
	if ($count > 0 ) {
		$alert = 'alert';
		$pending = 'pending-count';
	} else {
		$alert = 'no-alert';
		$pending = 'count';
	}
	return $items."<li id='menu-bp-notifications' class='menupop'><a href='".bp_loggedin_user_domain()."notifications/'><span id='ab-pending-notifications' class='" . $pending . " " . $alert . "'>".$count."</a></li>";
    
	return $items;
}

Click ‘Update File’

Now, to style the bubble, click on ‘Stylesheet’ on the right hand side.

Put this in there.

COPY CODE

#ab-pending-notifications {
    background: none repeat scroll 0 0 #ddd;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
    text-shadow: none;
}

#ab-pending-notifications.alert {
    background-color: #1FB3DD;
    color: #FFFFFF;
}

Click ‘Update File’.

That should do it. Now, you may have to change the colors of the bubble to suit your site. These will not change automatically using the Theme setting editor. The two colors you’ll have to adjust in the CSS are ‘#ddd’ (no notification) and #1fb3dd (has notification).

This should work, though this code alone will not live update the notification bubble. That’s a bit more advanced. It will however update the notification count on each page refresh. Mine live updates, so let me know if these doesnt work for you without the live update code.

Good luck my friend and do yourself a favor and read up on child themes.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts