sharmstr

[sharmstr]

The way the code works is if you have it set to “Restrict All Members” it will redirect to the homepage. If you have it set up to “Restrict Certain Levels”, it will redirect to the PMPro Levels page if one is set up, or to the buddypress registration page if it cant find a PMPro levels page.

You can override the redirect location by putting this in your child theme’s functions.php file

COPY CODE

add_filter( 'kleo_pmpro_url_redirect', 'custom_member_redirect' );
function custom_member_redirect() {
	wp_redirect('http://www.google.com');
	exit;
}

Obviously change google to wherever you want.

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 kleo login modal is triggered by jquery. You cant override the jquery. You can edit it to remove the bp-login-nav class from being a trigger, but its not upgrade safe. You might be able to remove the bp-login-nav from being added to the menu item using a filter, but you’d have to ask the buddypress folks about that.

If it were me, I’d use a custom link and use a plugin like Menu Item Visibility Control to hide it from logged in users.

Add this to your quick css

COPY CODE

.bbp-password > input {
    width: 100% !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]

If you dont want to use the plugin I suggested, which seems to work fine on my site. Then you can use Widget Logic and add this to the widgets that you only want displayed on the profile

COPY CODE

bp_is_user()

and this on the ones you dont

COPY CODE

!bp_is_user()

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]

Add this to your quick css

COPY CODE

#kleo-login-result .wrong-response > a {
    display: none !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]

It goes in your child theme’s functions.php file (/kleo-child/functions.php) anywhere after

COPY CODE

/**
 * kleo child theme functions
 * add custom code below
*/

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]

So, still not exactly sure what you want. So, lets go through some possible options when you say “click on three different options”

1 – Menus. You can hide menu items from logged out users using: https://wordpress.org/plugins/menu-items-visibility-control/

2 – Content on the home page: Use the Content By User type shortcode and put everything you want hidden from guest in there. See attachment.

3 – Same as above, but instead of using the shortcode in Visual Composer, you can use the raw content by user type shortcode, which is kleo_restrict, in a text block. Here is an example that will show a button to people who are logged in.

COPY CODE

[kleo_restrict][kleo_button title="Only Logged In Users Will See This" href="http://www.yoursite.com/yourlink" style="see-through" size="lg" icon="0"][/kleo_restrict]

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]

Please search before posting. This has been asked and answered before. Click on the gear icon in VC and add this

COPY CODE

.navbar-transparent .navbar .kleo-main-header {
    background-color: rgba(0,0,0,0.4) !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]

I’m not sure where that last icon is coming from. It might be from the ‘groups’ command I put in there. Try this instead and see if the icon disappears

COPY CODE

function bbg_change_profile_tab_order() {
    global $bp;
    $bp->bp_nav['media']['position'] = 30;
    $bp->bp_nav['messages']['position'] = 40;
    $bp->bp_nav['friends']['position'] = 50;
    $bp->bp_nav['notifications']['position'] = 60;
    $bp->bp_nav['settings']['position'] = 70;
    unset($bp->bp_nav['forums']);
    bp_core_remove_subnav_item($bp->activity->slug, 'mentions');
}
add_action('bp_init', 'bbg_change_profile_tab_order', 9999 );

You can translate anything that has to do with “media” by translating rtMedia. http://docs.rtcamp.com/rtmedia/translations.html

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’m sorry you dont understand what I’m saying. I thought I was being clear by telling you were to add the line. Your function should look like this now.

COPY CODE

function bbg_change_profile_tab_order() {
    global $bp;
    $bp->bp_nav['media']['position'] = 30;
    $bp->bp_nav['messages']['position'] = 40;
    $bp->bp_nav['friends']['position'] = 50;
    $bp->bp_nav['notifications']['position'] = 60;
    $bp->bp_nav['settings']['position'] = 70;
    $bp->bp_nav['groups']['position'] = 80;
    unset($bp->bp_nav['forums']);
    bp_core_remove_subnav_item($bp->activity->slug, 'mentions');
}
add_action('bp_init', 'bbg_change_profile_tab_order', 9999 );

Once you have that in place, if there is something that’s still not right, please explain and I’ll tweak it for 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]

That’s standard WP. If you want to remove one of them, change the title or try adding this to your quick css

COPY CODE

.widget_categories .screen-reader-text {
    display: none !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]

You need to click on the caret to expand it. You cant see the caret because you’ve hidden it. You have this in your custom css

COPY CODE

/* remove caret in nav */
.nav .caret
{
display: none;
}

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 have non css in that file. Move what I gave you to the top of the file, just above pagination and see if it works.

This is what I think it causing the problem

COPY CODE

$(document).bind(“contextmenu”,function(e) {
e.preventDefault();
});

That’s jquery code, not css

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]

A google search shows the following…

COPY CODE

bp_core_remove_subnav_item($bp->activity->slug, 'mentions');

add it to the function I’ve already given 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]

Buddypress doesnt add a notification for comments on new member activity. You can ask on their forum how to enable that.

Or you can hide the comment button by putting this in your quick css

COPY CODE

.new_member.activity-item .activity-meta .acomment-reply {
    display: none !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]

You can remove “orders” by going to theme options > woocommerce > Manage Account in BP: Off

The rest of your changes can be done with this function. If you have your child theme enabled, put it in functions.php.

COPY CODE

function bbg_change_profile_tab_order() {
    global $bp;
    $bp->bp_nav['media']['position'] = 30;
    $bp->bp_nav['messages']['position'] = 40;
    $bp->bp_nav['friends']['position'] = 50;
    $bp->bp_nav['notifications']['position'] = 60;
    $bp->bp_nav['settings']['position'] = 70;
    $bp->bp_nav['groups']['position'] = 80;
    unset($bp->bp_nav['forums']);

}
add_action('bp_init', 'bbg_change_profile_tab_order', 9999 );

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]

It does do that. You have your text set to white so you cant see it. Try this css

COPY CODE

.kleo-notifications-nav ul.submenu-inner li {
    color: red;
}

change red to whatever you want

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 is a load more button which is standard buddypress. Enable the WP 2015 Theme and you’ll see that its the same as Kleo. It hasnt been highly customized in that sense at all. Only styling has been applied to the feed. If you look at the activity-loop.php template file that Kleo overrides, you’ll see that its using the same exact query string (bp default query).

COPY CODE

if ( bp_has_activities( bp_ajax_querystring( 'activity' ) ) )

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]

If its not, check permissions and/or try this in your functions.php file

COPY CODE

add_filter( 'kleo_theme_options_ajax', '__return_false' );

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]

Most of us use Yoast SEO for that sort of stuff, but you can try this instead…

COPY CODE

add_action( 'wp_head', 'gen_meta_desc' );
function gen_meta_desc()
{
     if ( is_home() ) {
        
         echo "<meta name='description' content='This is my custom description.' />";
     }
}

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 reply has been set as private.

[sharmstr]

Well, now that we have fixed them all individually, you could have done this easier by adding a custom class name to the row (i.e. make-me-white) and added this to change all of them

COPY CODE

.make-me-white .widgets a {
    color: #fff !important;
}

😀 LOL

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]

Not sure where you got that css from, but you need this

COPY CODE

.widget_bp_core_login_widget a, .widget_awpcp-categories a {
    color: #fff !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]

Okay, the issue is that its not an actual page, so Kleo wont style it correctly.

Try this in your quick css

COPY CODE

.forcefullwidth_wrapper_tp_banner {
    margin-top: -20px !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]

if your cpt is called color-codes, you can hide it with this

COPY CODE

.single-color-codes .page-title {
display: none !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]

adjust as you see fit

COPY CODE

.top-menu {
    padding-right: 50px !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]

It only looks like the gap is not the same. They actually are. What’s throwing it off is your multiline “PODIATRY, DENTAL AND OPTOMETRY CONTRACTED PROVIDERS”. Since that is longer than anything in the other columns, its making the separator longer (takes up the entire width).

try this

COPY CODE

ul.list-unstyled.list-divider {
    width: 100% !important;
}

again, all you need to do is right click to get the css for the separator…

COPY CODE

.main-color .list-divider li {
    border-color: green;
    border-width: 10px;
}

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 asked “one on left with list on right”. That’s exactly what the new focus does. Please look at it.

COPY CODE

.news-highlight .standard-listing:not(.template-page) .type-post {
border-bottom-width: 0;
}

If you right click on the elements you want to change, then click inspect, you can see which css you need to change.

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]

Full = 100%
Long = 50%
Short = 25%

If you want something other than those, then put that value in the Custom Inline Style field

COPY CODE

width: 75%

You need to set the background color of the abbr to the same color as your dark background

COPY CODE

abbr {
    background-color: #000 !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]

The color is set to inherit if you set a color in the row settings. If you want different font colors for the row and the custom heading within that row, then overriding it via css like you have is the way to do it.

I believe the intent of the see through button was to use it on an image background, so the font is set to whatever background color you have set for that section using theme options. You can override that by adding this css to the page.

COPY CODE

.btn.btn-see-through {
    color: red !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]

For 2 side by side, you can try this css on the page

COPY CODE

.news-highlight article {
    width: 49% !important;
    float: left;
    padding-right: 5px;
}

For 1 big with a list on the right, use the New Focus shortcode instead.

You can use this css on the page to hide the meta

COPY CODE

.post-meta {
    display: none !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]

try this in your quick css

COPY CODE

.kleo-toggle-menu .kleo-toggle-submenu {
z-index:1600 !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]

Try this

COPY CODE

.testimonial-meta {
font-size: 20px;
}

Change the size to suit

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]

Hmmmm, you can try this

COPY CODE

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {
    margin-bottom: 0 !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]

You can try this. I have no idea if it will work since you are refusing to give me a link.

COPY CODE

#buddypress .kleo-isotope>.kleo-masonry-item, #buddypress .kleo-isotope>li {
    width: 50%;
}

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 in your quick css

COPY CODE

.main-color #buddypress div#item-nav ul li a:before {
    color: pink !important;
}

#buddypress div#item-nav ul li.current a:before {
    color: green !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]

Try this in your quick css

COPY CODE

.buddypress div#item-header div#item-meta {
    clear: both !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]

The H2 elements have a bottom margin. Click on the gear icon in VC and add this css

COPY CODE

h2 {
    margin-bottom: 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]

Try this in your quick css

COPY CODE

#buddypress .update {
    display: none !important;
}
#latest-update {
    display: none !important;
}
#post-mention {
    display: none !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]

Try this in your quick css. Adjust to suit.

COPY CODE

.kleo_text_column p {
    font-size: 40px !important;
    line-height: 40px !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]

Try this in your quick css

COPY CODE

@media (max-width: 991px) {
#header .navbar-nav>li>a {
    font-size: 24px !important;
}
#header .navbar-nav .dropdown-menu li a {
    font-size: 24px !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

[Author]

Posts