sharmstr

[sharmstr]

Okay. I understand now. I just installed the plugin to see what it looks like. The main thing I see is that the form title (Advanced Search by default) is on the same line as the first form field. To fix that add this to your child style.css

COPY CODE

.standard-form {
clear: left;
}

The issue with this is that the ‘standard-form’ class is used all over the place by Buddypress, so styling it in this way might screw other sections up. The author of the plugin has not provided any way of isolating the their form through css. If you choose to use this plugin, I’d ask them to add a div around the form so instead of using .standard-form to fix the alignment issue, you can use their div id or class.

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 came up with this. Not perfect but much better. I added a new class “btn-lg-rev-slider” to the button shortcode in Rev Slider

COPY CODE

@media (max-width: 768px) {
	.btn-lg-rev-slider {
		border-radius: 3px;
    		font-size: 80%;
    		line-height: 1;
    		padding: 3px 5px !important;
		margin-left: -20px;
  	}
}

@media (max-width: 1200px) and (min-width: 769px)  {
	.btn-lg-rev-slider {
    		border-radius: 3px;
    		font-size: 80%;
    		line-height: 1;
    		padding: 15px 10px !important;
  	}
}

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]

@sharmstr, I would to ask a questions about your mypost plugin. Can you please tell me which parts I need to comment for making it work not only for authors, for all levels?

@splendor

line 33. this bit

COPY CODE

if (get_the_author_meta( 'user_level', $bp->displayed_user->id ) == 2) {

If you want to show for all user levels, you can remove lines 32, 33 and 43.

If I remember correctly, the code on gitHub will display the post in a mansory grid, but it doen’t apply all of the kleo styling like on a blog page. Let me know if that’s the case and I’ll figure out how I did it and update it.

Actually, I was planing on updating the entire plugin soon, maybe I’ll do that now. I can probably add an admin section to allow admins to choose the minimum user level.

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]

The member count is already shown in the blue bubble near the avatar. If you want to show it below the group description as well, you’ll have to add the following to the members loop in /kleo/buddypress/groups/groups-loop.php below ‘bp_group_description_exerpt’.

COPY CODE

<div class="item-count"><?php echo preg_replace('/\D/', '', bp_get_group_member_count()) . " members";  ?> </div>

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]

COPY CODE

[kleo_animate_numbers animation="animate-when-almost-visible" timer="2000"]4[/kleo_animate_numbers].[kleo_animate_numbers animation="animate-when-almost-visible" timer="2000"]293[/kleo_animate_numbers]

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 need < and > not [ and ]

COPY CODE

stuff inside pre

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 was setting the background on the ‘col-sm-12’ div.

COPY CODE

#buddypress div#item-header {
   background: url(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]

Yep. The cover container is the same width and has the same “padding” that the default kleo header has. I didnt change that. There’s going to be a gap above and to the sides because its sitting inside the ‘template-page col-xx tpl-right’ div. See screenshots for better explanation. I’ve added a border to the default kleo header to illustrate this.

To expand on your other question about the avatar being below the cover, you can adjust its position by overriding the css. Specifically

COPY CODE

.bp-user #buddypress #item-header-avatar {
	margin-top: -50px !important;

}

Increase the -50px to whatever suits you. MAKE SURE YOU HAVE THE UPDATED PLUGIN FILES INSTALLED.

The reason I chose to hold the cover in its own div above the avatar instead of having the avatar sit inside the cover div is because it scales better.

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

Attachments:

You must be logged in to view attached files.

[sharmstr]

I apologize. I should have been more specific in my answer in your other topic. The theme styling options *should* be controlling the colors for both the top and main menus. The top menu *should* be the same color as the main menu, except with an .5 opacity applied making it lighter. The way to override this is to put custom css in your child theme using wp-admin -> appearance -> editor and making sure you are editing style.css or by adding it to Quick css in Theme Options -> General settings.

It appears in your screenshot that the opacity is much lighter than .5. This can be caused by a few different things. Different browsers will display colors differently. A plugin might be overriding the css (doubt it). One way to determine what’s going on is using your browsers property inspector. Right click on one of the social icons and select inspect element. Look for the .header-color .top-menu rule. This will tell you where the rule is being loaded from. If its dynamic.css, then its coming from Theme Options -> Styling -> Header. If it says index.php then its coming from Quick css in Theme Options -> General settings. If it says style.css then it coming from the child theme. I’ve attached a screenshot.

If its just a matter of the .5 opacity setting for your white text is too light, you can change that by putting the following in quick css. You can also test it by clicking on the color setting in the css inspector and changing the opacity from 0.5 to 1.

COPY CODE

.header-color .top-menu li > a, .header-color #top-social li a {
color: rgba(255,255,255, 1);
}

Hope this helps solve your issue. I tried going to your site to figure this out for you.

Here are some other topics regarding the top menu color
https://archived.seventhqueen.com/forums/topic/style-top-navmenu
https://archived.seventhqueen.com/forums/topic/is-it-possible-to-change-top-menu-color

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

Attachments:

You must be logged in to view attached files.

[sharmstr]

I did something similar with blog categories. In category.php I get the category name then add css class to the div with the category name. Example

COPY CODE

<div class="post-category-header <?php echo $currentcat->slug; ?>-header">

Then in my css I have

COPY CODE

.computers-header {
	border-color: #6F63EC;
}
.books-header {
	border-color: #ca0000;
}
.music-header {
	border-color: #00df15;
}

Obviously I’m only setting a border-color, but you could use a similar concept for displaying background images. You’d want to do your page check in /kleo/page-parts/general-header-section.php, adding your css class to the kleo-main-header div, then add your css like this

COPY CODE

.computers-header {
	background-image: url(computer.jpg);
}
.books-header {
	background-image: url(books.jpg);
}
.music-header {
	background-image: url(music.jpg);
}

That’s all code off the top of my head. Its not guaranteed to work 🙂

There might be a plugin that does that.

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]

Those icons are actually fonts, so you set the color.

COPY CODE

.header-color .top-menu li > a, .header-color #top-social li a {
    color: #ca0000;
}

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]

Its something different.

@abe The link css within the activity stream is screwed up.

COPY CODE

#buddypress .activity-list .activity-content .activity-inner p a {
float: left;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}

This fixes it, but not sure what else it screws up

COPY CODE

#buddypress .activity-list .activity-content .activity-inner p a {
   float: none;
   display: inline;
}

@bradh Put that new css in your child theme until the Kleo team can sort it out.

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 the fixed quotes

COPY CODE

if ( is_user_logged_in() ) {
    $top_menu = wp_nav_menu( array(
        'theme_location' => 'top',
        'depth' => 2,
        'container' => 'div',
        'container_class' => 'top-menu col-sm-12 col-md-7 no-padd',
        'menu_class' => ”,
        'fallback_cb' => ”,
        'walker' => new kleo_walker_nav_menu(),
        'echo' => false,
        'menu' => 'Top-menu'
        )
	);

    $primary_menu = wp_nav_menu( array(
        'theme_location' => 'primary',
        'depth' => 3,
        'container' => 'div',
        'container_class' => 'collapse navbar-collapse nav-collapse pull-right',
        'menu_class' => 'nav navbar-nav',
        'fallback_cb' => 'kleo_walker_nav_menu::fallback',
        'walker' => new kleo_walker_nav_menu(),
        'echo' => false,
        'menu' => 'menu_main'
        )
    );
}
else {
    $primary_menu = wp_nav_menu( array(
        'theme_location' => 'primary',
        'depth' => 3,
        'container' => 'div',
        'container_class' => 'collapse navbar-collapse nav-collapse pull-right',
        'menu_class' => 'nav navbar-nav',
        'fallback_cb' => 'kleo_walker_nav_menu::fallback',
        'walker' => new kleo_walker_nav_menu(),
        'echo' => false,
        'menu' => 'logged_out'
        )
    );
}

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]

COPY CODE

div#top-social  { font-size: 20px; }

Changing the avatar size has been discussed. Do a search either here or google. If you get stuck, report back and I’ll help you.

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]

As I suggested, it was hidden because the height is set to 0. See screenshot. By default, it should be set to 40px; My guess is that your caching plugin is minifying the css files in the wrong order and the height isn’t being set. In any case, try putting the following in style.css located in /kleo-child

COPY CODE

#buddypress #whats-new-options { height: 40px !important; }

Minifying css and jQuery is really tricky. The load order is really important. I noticed that I’m directed to the bottom of every page I go to on your site and that some of the jQuery scripts aren’t working.

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

Attachments:

You must be logged in to view attached files.

[sharmstr]

You’ll have to overwrite the css for that . In your child theme, try this

COPY CODE

#buddypress div.profile .dl-horizontal dt { width: 200px; }
#buddypress div.profile .dl-horizontal dd { margin-left: 220px; }

Play around the the width and margin-left sizes until you like it.

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 haven’t tested this, but I think you can copy /kleo/content.php to your child theme, then edit line 36

COPY CODE

 <?php if ( kleo_postmedia_enabled() && kleo_get_post_thumbnail() != '' ) : ?> 

to

COPY CODE

 <?php if ( kleo_postmedia_enabled() && kleo_get_post_thumbnail() != '' && get_post_type() != 'mycred_rank' ) : ?> 

Let me know if that works or not.

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]

There’s probably several ways to achieve this. One way is to copy the /kleo/page-parts/general-before-wrap.php into your child theme and put the following just before the wrap-content div

COPY CODE

<?php if (is_bbpress() && is_user_logged_in()) echo 'You should <a href="' . wp_login_url() . '" title="Login">login</a>'; ?>

This put a message at the top of every bbpress page if the user isn’t logged in.

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]

@PeterB

You can add login/registration to My Account already. Go to menus, make sure you have ‘Buddypress’ enabled in Screen Options, then add Log In and Register to your menu. It will only display when a user isnt logged in.

For my site, authors get an addition menu item called “New Post”. I accomplished that by adding the following to my functions.php file.

COPY CODE

/**
*  Add new post menu item for authors
**/
if (current_user_can( 'edit_posts' )) {
	add_filter('wp_nav_menu_items','add_manage_posts_to_custom_menu', 2, 2);
	
	function add_manage_posts_to_custom_menu( $items, $args ) {
		return $items.'<li id="menu-item-post" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-post"><a title="Add Post" href="/wp-admin/edit.php">New Post</a></li>';
		return $items;
	
	}
}

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]

1 – Oh. I think I understand what you’re saying. So, if I make that change, then I wouldn’t be able to customize media-gallery-item.php if I wanted to. Hmm. So only solution is to copy both files to the child theme, even if I only want to modify media-gallery.php. Right? If that’s the case though, couldn’t you just check for the existence of media-gallery-item.php in the child theme and if it isn’t there pull from the parent theme?

2 – The css doesnt work because it for h4 titles within a buddypress div. The rtMedia gallery isnt contained in any buddypress layout. This works

COPY CODE

.rtmedia-list.masonry .rtmedia-item-title h4 {
    font-size: inherit !important;
    color: #fff !important;
}

3 – Look at your screenshot. The styling doesnt match other parts of Kleo. Compare it to the media in a members profile. If you could get it to match that, it would be a lot better. But, I’m going to play around with it a bit more. I report back later.

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]

Hmm. Interesting. And you’re on Kleo 1.6.3 I assume. I not getting that error when I turn debugging on.

I thought maybe you weren’t running VC 4.3.2 because the lines of code in vc_column.php that set the $style variable are

COPY CODE

if (version_compare(WPB_VC_VERSION, '4.3.2') >= 0) {
    $style = $this->buildStyle( $font_color );
}

Guess we’ll have to wait for Abe and the boys to figure this out. Sorry.

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 just looked at your style.css and its returning “>” instead of “>”. This is what it looks like.

COPY CODE

.current-menu-parent > a {
background-color: #848484 !important;
}

But, in trying to figure that out, I noticed that not all main menu items use the current-menu-parent style so we need to add a another one to the css.

COPY CODE

.current-menu-parent > a, .current-menu-item > a {
background-color: #848484;
}

You can use the editor to add the placeholder by selecting “Kleo” in the “Select theme to edit” dropdown. Then click on Search Form. Though I see the placeholder is already in your widget so maybe you’ve figured that out.

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

Attachments:

You must be logged in to view attached files.

[sharmstr]

1 – I’m getting a “domain not active” error when clicking on the link. Just to be clear, you’re adding the code to kleo-child/style.css AND you have the Kleo Child theme active, right?

2 – Copy /kelo/searchform.php to /kelo-child/searchform.php then add placeholder=”Search” to line 4

COPY CODE

<input name="s" id="s" type="text" class="form-control input-sm" placeholder="Search" value="<?php if (isset($_GET) && isset($_GET['s'])) echo esc_attr($_GET['s']);?>">

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]

Adding linebreaks so it displays on here better.

COPY CODE

.header-color .dropdown-menu > .active > a { 
color: #CA0000 !important; 
background-color: #000000; 
}

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]

try this

COPY CODE

  .header-color .dropdown-menu > .active > a { color: #CA0000 !important; background-color: #000000; } 

Change the colors to suit you. Also, make sure you’re adding it to your child theme.

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]

Sorry, that was for the titles. Here’s the column headers

COPY CODE

#bbpress-forums li.bbp-header li.bbp-forum-info, #bbpress-forums li.bbp-header li.bbp-forum-topic-count, #bbpress-forums li.bbp-header li.bbp-forum-reply-count, #bbpress-forums li.bbp-header li.bbp-forum-freshness {
color: #000;
}

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 need to add it to your kleo-child’s style.css

COPY CODE

a.bbp-forum-title {
color: #ca0000 !important;
}

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]

First, I apologize for not understanding when you clearly said ‘left sidebar’. I’m thought you were talking about the default page sidebar, not a vc added one. Yes, there is definitely a gap. My title is in the correct location, so yours not being correct has nothing to do with that gap.

The issue is that its getting a 40px padding-top from the .sidebar css rule which is also used for the page sidebar. So basically, you’re getting what looks like a double 40px padding, but you’re not really. Its just that the top is defined from the left container instead of the content container. There’s several ways to fix this. For example

1 – Edit the widgetised sidebar.
2 – Add ‘vc_sidebar’ to the Extra class name
3 – Save
4 – Click on the <>CSS button and add

COPY CODE

.vc_sidebar { padding-top: 0; }

(or alternatively you can add it to your child style.css if you will using this on more than one page.)

Again, keep in mind that the wigetised sidebar is contained in the left content area, so you’ll still have some padding on the top compared to the main page sidebar on the right (if you have your page set up that way), but it will be top aligned with other content in that div. (hope that makes sense).

As far as your title issue goes, mine is printing in the correct location when your page code. I’ve tried it with the boxed and wide layout settings in Theme Options as well as Full-Width and Right Sidebar templates. Is this the only page where the title gets out of whack?

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

Attachments:

You must be logged in to view attached files.

[sharmstr]

Works fine for me, even after upgrade to 2.0. But I’m not using the code on the link you provided. Instead, I have this in my functions.php file.

COPY CODE

/**
* Add a default avatar to Settings > Discussion
**/

add_filter( 'avatar_defaults', 'new_default_avatar' );

function new_default_avatar ( $avatar_defaults ) {
		//Set the URL where the image file for your avatar is located
		$new_avatar_url = 'http://yoururl/avatar.jpg';
		//Set the text that will appear to the right of your avatar in Settings>>Discussion
		$avatar_defaults[$new_avatar_url] = 'Your New Default Avatar';
		return $avatar_defaults;
}

Be sure to change ‘yoururl’ in the avatar path.

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]

1) Do you have registration turned on? Settings->General->Anyone can register

2) Try this for your iframe map code. Should show a map of Antarctica 🙂 Its just a way to determine if its an iframe code issue or an issue with your setup.

COPY CODE

https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d7393606.09275459!2d25.46662!3d-76.925915!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1393872632226

3) Couple of forum setup references for you

– https://archived.seventhqueen.com/forums/topic/how-to-make-forum-like-this
– http://codex.buddypress.org/getting-started/installing-group-and-sitewide-forums/

4) Do you have it setup correctly in Appearance->Customize->Static Front Page-> Posts Page? It should be set to your blog page.

5) You should ask over at the woocommerce site. KLEO doesn’t touch the backend where you create products. It only adds styling to the front end. You’d likely get a better/faster response over there. I’d dig into it for you, but I disabled it for the time being because is slowing down my site considerably.

6) Are you talking about this? http://seventhqueen.com/themes/kleo/register If so, just create a page with the title ‘registration’ and save it. Make sure BuddyPress is set to use it. Settings->BuddyPress->Pages->Register. If you want to add facebook login, you set that up in Theme Options.

Hope that helps.

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 need to wrap it in a is_user_logged_in conditional check

COPY CODE

if ( is_user_logged_in() ) { CODE_FOR_NOTIFICATIONS_HERE }

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]

Obviously asking the plugin author is a better place for this, but you might be able to wrap a conditional statement around the bp_core_load_template call in the new_article_screen in social-articles/includes/social-articles-screens.php. You can use something like

COPY CODE

if (current_user_can('edit_posts')) 

to verify that they have the correct permissions or level. If they dont, instead of loading members/single/articles you can load a custom page that tells them they dont have permission.

Its just thought.

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]

Yes, in that case you need to enable it.

copy /kleo/page.php to /kleo-child/page.php.

before the end of the while have_posts loop (endwhile;) add

COPY CODE

comments_template();

and upload to your server. Remember that if they ever change any code in page.php, you’ll have to add it yourself.

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]

Thanks for the info. I had no problem creating a page and adding the events shortcode

COPY CODE

[eab_archive lookahead="1" weeks="52" limit="10" paged="1" page="1"]

All of the shortcodes are listed in wp-admin/edit.php?post_type=incsub_event&page=eab_shortcodes

How did you masonry your events list?

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]

Try this instead

COPY CODE

article .article-meta {
display: none;
}

.article-media {
margin-left: 0px !important;
}

.article-content {
margin-left: 0px !important;
}

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 a more of a BuddyPress question. You should post this over at http://buddypress.org/support/.

With that said, there’s code that excludes members from the directory by role here: https://gist.github.com/dzmounir/8285459

You could possibly make that work in groups, the difference being is that you wouldn’t look up the users role for the site, but the “is_admin” and “is_mod” in the ‘bp_groups_members` table. Clues on how to do that can be found here: /plugins/buddypress/bp-group/bp-groups-classes.php

OR

You might be able to exclude them in /kelo/buddypress/groups/single/members.php. The looping of members starts around line 33. In the beginning of that loop, you might be able to determine if they are an admin or mod with these

COPY CODE

groups_is_user_mod( bp_get_member_user_id(), bp_the_group() )
groups_is_user_admin( bp_get_member_user_id(), bp_the_group() )

Just make sure you copy members.php to your child theme.

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 can remove them using media queries in kelo-child/style.css

COPY CODE

@media screen and (max-width: 480px) {
.article-meta {
display: none;
}

.article-media {
margin-left: 0;
}

.article-content {
margin-left: 0;
}

}

I would like to keep the meta on my site, but also dont like the meta info taking up the entire left hand side on phones. So, what I plan on doing is something like this.

COPY CODE

@media screen and (max-width: 480px) {

.article-media {
clear: left;
margin-left: 0;
}

.article-content {
margin-left: 0;
}

}

That will move the article-media below the meta and utilize the entire width of the screen for media and content.

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 did exactly this over the weekend. Make sure to copy it to your child theme.

If you want to add some kleo shortcodes, well most any shortcode (not all developers code them for use in php) you can simply call.

COPY CODE

<?php echo do_shortcode('') ?>

I did this to separate the registration form with dividers and also used it for a bullet list.

Here’s an example of the divider

COPY CODE

<?php echo do_shortcode('[kleo_divider type="short" double="no" position="center" text="The Basics" class="" id=""]') ?>

Here’s one for a bullet list explaining acceptable usernames.

COPY CODE

<?php echo do_shortcode('[kleo_list type="icons" icon_shadow="yes" align="left"][kleo_list_item icon="info-circled"]Usernames can contain only letters, numbers, ., -, and @.[/kleo_list_item][kleo_list_item icon="info-circled"]Usernames may not contain underscores "_".[/kleo_list_item][kleo_list_item icon="info-circled"]Username must be at least 4 characters.[/kleo_list_item][kleo_list_item icon="info-circled"]Usernames must contain letters.[/kleo_list_item][/kleo_list]') ?>

Any xprofile field you want filled out during registration can go in the first profile group. Or if you want to greater control over that you can call the field group you want. Just change the number 7 down there to the group id you want.

COPY CODE

<?php if ( bp_is_active( 'xprofile' ) ) : if ( bp_has_profile( array( 'profile_group_id' => 7, 'fetch_field_data' => false ) ) ) : while ( bp_profile_groups() ) : bp_the_profile_group(); ?>

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’re php is a screwed up. You can’t call html within the php tags.

Lets back up. Did you copy the file from the Kleo directory and put it in your child theme?

copy /Kleo/Buddypress/members/single/member-header.php
to /Kleo-child/Buddypress/members/single/member-header.php

on like 53 it tells you to add any additional profile fields there. So add the following on line 56 (you want it above the bp_profile_header_meta action call.

COPY CODE

?>
<div id='member_profile'>
<div class='profile_fields'>Category: <span><?php bp_profile_field_data( 'field=Type of account' );?></span></div>
</div>
<?php

Works perfect for me.

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]

Sorry, I meant ‘function’ not array. Its erroring because you calling the same function.

COPY CODE

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

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