Abe

[Abe]

Add this CSS to child theme/ style.css or in WP admin – Theme options – Quick css:

COPY CODE

.navbar-transparent .navbar .navbar-nav > li > a, .navbar-transparent .navbar .navbar-nav .caret:after {
color: #333;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

To add icons to new items added by plugins you need to inspect the element using Chrome browser, get the ID of the specific list item and follow the above example.

Example to add for Buddypress Follow plugin that adds two new navigation items, Followers and Following

/* Following icon */
#buddypress div#item-nav ul #members-following-personal-li a:before {
    content: "\E98F";
}
/* Followers icon */
#buddypress div#item-nav ul #members-followers-personal-li a:before {
    content: "\E995";
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Fist thing, Kleo uses Fontello for Vector icons.

To see the icons that are included follow the next steps:
1. Go to http://fontello.com/
2. Click on the litte tool icon at top and Import
3. Go to the theme main downloaded package from Themeforest in Assets/Fontello and select the font-icons.json
4. Now you’ll see all the icons that are available with a rounded border.

All the icons are added by CSS, so you need to add some CSS rules to change the default icons defined by us.
This is the default CSS for the icons:

COPY CODE

#buddypress div#item-nav ul #activity-personal-li a:before,
#buddypress div#item-nav ul #home-groups-li a:before {
	content: "\e8ed";
}
#buddypress div#item-nav ul #xprofile-personal-li a:before {
	content: "\e98e";
}
#buddypress div#item-nav ul #notifications-personal-li a:before {
	content: "\e863";
}
#buddypress div#item-nav ul #messages-personal-li a:before {
	content: "\e98c";
}
#buddypress div#item-nav ul #friends-personal-li a:before {
	content: "\e98f";
}
#buddypress div#item-nav ul #groups-personal-li a:before {
	content: "\e995";
}
#buddypress div#item-nav ul #forums-personal-li a:before,
#buddypress div#item-nav ul #nav-forum-groups-li a:before {
	content: "\e97b";
}
#buddypress div#item-nav ul #buddydrive-personal-li a:before,
#buddypress div#item-nav ul #nav-buddydrive-groups-li a:before {
	content: "\e8d7";
}
#buddypress div#item-nav ul #media-personal-li a:before,
#buddypress div#item-nav ul #rtmedia-media-nav-groups-li a:before {
	content: "\e8c5";
}
#buddypress div#item-nav ul #settings-personal-li a:before,
#buddypress div#item-nav ul #admin-groups-li a:before {
	content: "\e98b";
}
#buddypress div#item-nav ul li.dropdown a:before {
	content: "\e97c";
}
#buddypress div#item-nav ul #members-groups-li a:before {
	content: "\e995";
}
#buddypress div#item-nav ul #invite-groups-li a:before {
	content: "\e991";
}
#buddypress div#item-nav ul #achievements-personal-li a:before {
	content: "\e996";
}
#buddypress div#item-nav ul #blogs-personal-li a:before {
	content: "\e802";
}
#buddypress div#item-nav ul #articles-personal-li a:before {
	content: "\e870";
}

To override an icon, lets say the Activity icon:
– we identify it from list above and copy the code
– go to Fontello and get the code for your new icon by going to the Customize codes tab
– change the copied text with the new value
– add this CSS to your child theme/style.css
Example to replace the Activity icon with a heart icon:

COPY CODE

#buddypress div#item-nav ul #activity-personal-li a:before {
	content: "\E80F";
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, to increase the menu font size add this css to the child theme/ style.css or in WP admin – Theme options – Quick css:

COPY CODE

.navbar-nav li > a {
    font-size: 14px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Try it in another way then 🙂

This is the link to use in the content:

COPY CODE

<a href="#">Contact form click</a>

Add this code in footer.php just before wp_footer() line:

COPY CODE

<script type="text/javascript">
jQuery("body").on('click', '.my-contact-btn', function() {
	jQuery('#kleo-quick-contact').toggle(); 
	return false;
});
</script>
	

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Users aren’t required to change their name after registration. We have added this step in case you have other profile fields added and the users registering with Facebook to see that and complete those fields.

To disable that redirect you can add a code to your child theme functions.php and specify a redirect to homepage after Facebook login:

add_filter('kleo_fb_register_redirect', 'kleo_fb_redirect_change');
function kleo_fb_redirect_change() {
return home_url();
}
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

This code added to sweetdate-child/functions.php works. we will add this as an option in Sweetdate settings in future versions:

COPY CODE

//Hide members without avatars 
add_action( 'bp_core_delete_existing_avatar', 'log_avatar_deleted' );
add_action( 'xprofile_avatar_uploaded', 'log_avatar_uploaded' );

//on new avatar upload, record it to user meta
function log_avatar_uploaded(){
	update_user_meta(bp_loggedin_user_id(), 'has_avatar', 1);
}

//on delete avatar, delete it from user meta
function log_avatar_deleted($args){
	if($args['object']!='user')
	return;
	//we are sure it was user avatar delete
	//remove the log from user meta
	delete_user_meta(bp_loggedin_user_id(), 'has_avatar');
}

function modify_loop_and_pag($qs, $object=false) {
	global $wpdb;
	$include = '';

	if( $object != 'members' )//hide for members only
	return $qs;
	
	$subscribers = $wpdb->get_results("SELECT user_id FROM {$wpdb->usermeta } WHERE meta_key='has_avatar'" , ARRAY_N );
	foreach($subscribers as $subscriber){
		$include = $include . "," . $subscriber[0];
	}

 $args = wp_parse_args( $qs );
 
 //check if we are listing friends?, do not apply in this case

 
 if( !empty( $args['include'] ) ) {
	$args['include'] = $args['include'] . ',' . $include;
 }
 else {
	$args['include'] = $include;
 }
 
 $qs = build_query($args);

 return $qs;
 
}
add_action( 'bp_ajax_querystring' , 'modify_loop_and_pag', 25, 2 );

function current_user_has_avatar($id) {
	global $bp;
	if ( bp_core_fetch_avatar( array( 'item_id' => $id, 'no_grav' => true,'html'=> false ) ) != bp_core_avatar_default( 'local' ) ) {
		return true;
	}
	return false;
}

// ATTENTION
// This code should be deleted after first site load with the code
//
function init_avatar_meta(){
	global $wpdb;
	$ids=$wpdb->get_col("SELECT ID FROM $wpdb->users");//we don't need to check for meta value anyway
	foreach( $ids as $id ){
		if( current_user_has_avatar($id) ){
			update_user_meta( $id, 'has_avatar', 1 );
		} else {
			delete_user_meta( $id, 'has_avatar' );
		}
	}
}
add_action('init', 'init_avatar_meta'); 

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Thanks for the appreciation.
Add this CSS to have them centered if you have just two

COPY CODE

.status.three.columns.mobile-one {
    float: left;
    left: 25%;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, You could do it by css. Try adding this to center the logo:

COPY CODE

#header .four.columns {
    float: none;
    margin: 0 auto;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, That also can be hidden using CSS:

COPY CODE

span.activity {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,
You can hide it using CSS. Add this css to your child theme style.css or in WP admin – Sweetdate – Styling options – Quick css

COPY CODE

#members-all {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, To have the checkboxes left aligned you can do it by adding this CSS

COPY CODE

.two.columns.bglabel {
    clear: left;
}

Any other styling to that section should be done with custom CSS. Inspect the elements using Chrome browser or Firebug for Firefox.
Example background change CSS:

COPY CODE

#horizontal_search form.custom div.custom.dropdown a.current {
background: #f4f4f4;
}
#horizontal_search.custom div.custom.dropdown a.selector {
    background: #F4F4F4;
}

#horizontal_search input[type="text"] { 
background: #F4F4F4;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

We will take a look at the forum view and see what we can do.
Can’t really say about the Wall plugin. Try to inspect those elements and see if you can apply some CSS to fix it

As for the Group image, you can add this css to your Sweetdate – Styling options – Quick css box:

COPY CODE

@media (max-width: 480px) {
#item-header-avatar.group-avatar .avatar {

    max-height: 150px;
    max-width: 150px;
}
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

If you are talking about the color for the “All Members” text add this CSS to customize it:

COPY CODE

div#main ul.sub-nav li a, #subnav ul li a {
    border-radius: 1000px;
    color: #6F6F6F;
    text-decoration: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

That appears because you are using Paid memberships Pro. Disabling the plugin that will go also. If you need the plugin but want that to dissapear, add this code to your child theme functions.php

COPY CODE

//Remove membership info from profile page
add_action('after_setup_theme', 'kleo_remove_membership_info');
function kleo_remove_membership_info() {
	remove_action('kleo_bp_after_profile_name', 'kleo_membership_info');
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

The registration page template to edit is located in wp-content\themes\sweetdate\registration\register.php
The login modal template is located in:
wp-content\themes\sweetdate\page-parts\general-login-modal.php

To change the Facebook button you have to add this function in your sweetdate-child/functions.php

COPY CODE

function fb_button()
{
?>
    <a href="#" class="facebook_connect radius button facebook"><i class="icon-facebook-sign"></i> &nbsp;<?php _e("LOG IN WITH Facebook", 'kleo_framework');?></a>
<?php
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

It breaks the script since you have JavaScript errors. See it in your browser console:

TypeError: this.each is not a function
…data(“bs.modal”),g=a.extend({},b.DEFAULTS,e.data(),”object”==typeof c&&c);f||e.d…

Also for the scripts to load in the footer you must add them a TRUE parameter like this example, otherwise they will load in the header:

COPY CODE

wp_register_script( 'bootstrap', get_template_directory_uri() . '/assets/js/bootstrap.min.js', array('jquery'),KLEO_THEME_VERSION, true );

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, That could be related to a small custom size for the thumb set in wp-content/plugins/bp-custom.php
Check that file and you should have like this:

COPY CODE

<?php
if ( !defined( 'BP_AVATAR_THUMB_WIDTH' ) )
define( 'BP_AVATAR_THUMB_WIDTH', 120 ); //change this with your desired thumb width
 
if ( !defined( 'BP_AVATAR_THUMB_HEIGHT' ) )
define( 'BP_AVATAR_THUMB_HEIGHT', 120 ); //change this with your desired thumb height
 
if ( !defined( 'BP_AVATAR_FULL_WIDTH' ) )
define( 'BP_AVATAR_FULL_WIDTH', 580 ); //change this with your desired full size,weel I changed it to 260 <img src="http://buddydev.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> 
 
if ( !defined( 'BP_AVATAR_FULL_HEIGHT' ) )
define( 'BP_AVATAR_FULL_HEIGHT', 580 ); //change this to default height for full avatar
 

If the file isn’t there, create it and add the code above and you should try uploading a new avatar

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, That is handled by buddypress and you can adjust that using the ‘bp_get_message_thread_excerpt’ filter.
Code example added to sweetdate-child/functions.php to adjust the length:

COPY CODE

 add_filter( 'bp_get_message_thread_excerpt', 'kleo_custom_message_length');
function kleo_custom_message_length($text) {
return substr( $text,0 , 10 );
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

This is the CSS to add and modify the colors to change that notice:

COPY CODE

div#message.updated p {
    background-color: #8FF57A;
    border-color: #80CF70;
    color: #1A6A00;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Sorry for the late reply. Somehow this topic skipped our tasks list and found it right now.
You can add these functions in your sweetdate-child/functions.php and change the text accordingly. It will override the default define one:

COPY CODE

function fb_register_button()
{
?>
    <a href="#" class="facebook_connect radius small button facebook"><i class="icon-facebook-sign"></i>  <?php _e("Register using Facebook", 'kleo_framework');?></a>
<?php
}

function fb_button()
{
?>
    <a href="#" class="facebook_connect radius button facebook"><i class="icon-facebook-sign"></i>  <?php _e("LOG IN WITH Facebook", 'kleo_framework');?></a>
<?php
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Taking the below code as example for the Shop restriction, “/^\/shop\/?$/” is the actual REGEX restriction restricting the /shop page.
array(‘name’ => ‘shop’) tells the system to match the restriction with the settings you choose from Theme options – Memberships

You will see that in the code, in the first part, the newly added Shop option to appear in Theme options – Memberships
//NEW RESTRICTION SHOP page with name: shop

COPY CODE

//Restrict Shop page
add_filter('kleo_pmpro_match_rules', 'kleo_my_custom_restrict2');
 
function kleo_my_custom_restrict2($restrictions) {
    //regular expression for shop page
    $restrictions["/^\/shop\/?$/"] = array('name' => 'shop');
    return $restrictions;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

You can hide the breadcrumb Home with the css if you do not want to go into coding:

COPY CODE

.trail-begin {display: none;}

Editing header.php you will find the logo and the link which is generated by the php function: get_home_url(). You can change that to match your needs

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, All templates you copy from the main theme must stay in the exact folder structure in the child theme. So if you copy index.php then you copy it to the root of the child theme also.

To create page templates, which in Kleo theme are stored in page-templates folder, you just copy to the child theme one existing page template like full-width.php and give it a different name. To appear in the dropdown for the Page template you must edit it and also change the Template name to a different one:

COPY CODE

/**
 * Template Name: Full-width New Name
 *
 * Description: Template withour sidebar
 *
 * @package WordPress
 * @subpackage Kleo
 * @author SeventhQueen <themesupport@seventhqueen.com>
 * @since Kleo 1.0
 */

You can go with the page templates if you want, but using shortcodes could be useful in the future to change some things from that page quickly in another one.
As for the system resources I don’t think it is such a big impact of performance but probably not using a shortcode and basically writing the code by hand in the template could be faster..

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Right now we do not have and option to add some padding to the logo but we will keep that in mind and add it to the next update.
If you want to have extra top/bottom space you have two options:
– go to Theme options – General settings – Quick CSS and add this small css rule that you can customize accordingly to your needs:

COPY CODE

.kleo-main-header .container {
    margin-bottom: 10px;
    margin-top: 10px;
}

also if you have enabled the Sticky header you can lower the margin added above like this:

COPY CODE

.kleo-main-header.header-scrolled .container {
    margin-bottom: 5px;
    margin-top: 5px;
}

– edit the logo and add some more transparent space bottom and top to the image itself

To adjust font size, this small CSS will do the trick:

COPY CODE

.navbar-nav > li > a {
    font-size: 14px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, You can put to the element this class that should trigger the contact form open: kleo-quick-contact-link
Example:

COPY CODE

<a class="kleo-quick-contact-link" href="#" onclick="return false;">Click me</a>

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Thank you very much. We really appreciate it.
When you activate the Transparent menu the the menu will be set to Fixed position, which means it will stay at top over all other elements so that is why you will see other elements under it. This options is best to be used when you want to achieve something like we have on our demo homepage where the slider goes under the menu: http://seventhqueen.com/themes/kleo/

If you want just normal transparency set to the menu add this CSS:

COPY CODE

.kleo-main-header {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

or this one to apply the transparency only when the header is scrolled down the page:

COPY CODE

.kleo-main-header.header-scrolled {
    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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, Normally if you apply restrictions the default page for the redirect is the levels page.
To redirect not logged in users to the register page you need to add this code to your sweetdate-child/functions.php

COPY CODE

// redirect to registration page instead of membership levels page
add_filter('kleo_pmpro_url_redirect', 'my_custom_redirect');

function my_custom_redirect() {
	if (is_user_logged_in()) {
		return pmpro_url("levels");
	} else {
		return bp_get_signup_page();
	}
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,
1. All fields are modified from WP admin – Users – Profile fieds. The ones in the Base group will appear on the registration page.

2. You should go to Sweetdate – Buddypress – Matching fields and put your “I am a / Looking for a” fields there so you can search one fields value in the other

3. Add this CSS to your sweetdate-child/style.css if you use the child theme or add it to Sweetdate – Styling options – Quick css:

COPY CODE

.kleo-message-count {
    background: #F00056;
}
.kleo-friends-req {
    background: none repeat scroll 0 0 #01A8DA;
}

Just change the color codes

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, You should use the child theme and copy this file wp-content\themes\sweetdate\members\index.php to the exact folder structure in the child theme. Edit it there and comment lines 38 and 39 which look like:

COPY CODE

					$page_title = __('Profile Search <span class="pink-text">results</span>', 'kleo_framework');
					$lead = __("Your search returned", 'kleo_framework')." ".count($bp_results['users']) ." ". _n( 'member', 'members', count($bp_results['users']), 'kleo_framework' );

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

This code is cleaner and just tested it, add it to your sweetdate-child/functions.php

COPY CODE

add_action('set_current_user', 'cc_hide_admin_bar');
function cc_hide_admin_bar() {
  if (!current_user_can('edit_posts')) {
    show_admin_bar(false);
  }
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,

1. Please add this css to fix it:

COPY CODE

form.form-search .text-center label.inline {
    display: inline;
    line-height: 32px;
}

2. Those show like that since the width isn’t enough and they go under. Right now we don’t have a function to change that look

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

From Front-end just like the user is looking at it’s profile. If you enable the admin bar they will see the bar but they can’t see those options you see.

You can also add this code to sweetdate-child/functions.php so you disable the admin bar for non-admin users:

COPY CODE

/** Disable admin bar completely for non-admin */
if (!function_exists('disableAdminBar')) {
	function disableAdminBar(){
  	remove_action( 'admin_footer', 'wp_admin_bar_render', 1000 ); // for the admin page
    remove_action( 'wp_footer', 'wp_admin_bar_render', 1000 ); // for the front end
    function remove_admin_bar_style_backend() {  // css override for the admin page
      echo '<style>body.admin-bar #wpcontent, body.admin-bar #adminmenu { padding-top: 0px !important; }</style>';
    }
    add_filter('admin_head','remove_admin_bar_style_backend');
    function remove_admin_bar_style_frontend() { // css override for the frontend
      echo '<style type="text/css" media="screen">
      html { margin-top: 0px !important; }
      * html body { margin-top: 0px !important; }
      </style>';
    }
    add_filter('wp_head','remove_admin_bar_style_frontend', 99);
  }
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,
See my example below where I add a new MESSAGES RESTRICTION and SHOP. The following codes goes to kleo-child/functions.php

This manipulates the text that shows in the memberhips page:

COPY CODE

/* These restrictions will appear to be configured in Sweetdate - Memberships */
add_filter('kleo_pmpro_level_restrictions', 'kleo_my_levels_checkmarks');
function kleo_my_levels_checkmarks($settings) {
 
    $settings = array (
		//NEW RESTRICTION MESSAGES page with name: message
        array(
            'title' => __('Restrict Messages page','kleo_framework'),
            'front' => __('Access messages page','kleo_framework'),
            'name' => 'message'
        ),
		//NEW RESTRICTION SHOP page with name: shop
        array(
            'title' => __('Restrict Shop page','kleo_framework'),
            'front' => __('Access Shop page','kleo_framework'),
            'name' => 'shop'
        ),
        array(
            'title' => __('Restrict members directory','kleo_framework'),
            'front' => __('View members directory','kleo_framework'),
            'name' => 'members_dir'
        ),
        array(
            'title' => __('Restrict viewing other profiles','kleo_framework'),
            'front' => __('View members profile','kleo_framework'),
            'name' => 'view_profiles'
        ),
        array(
            'title' => __('Restrict access to groups directory','kleo_framework'),
            'front' => __('Access group directory','kleo_framework'),
            'name' => 'groups_dir'
        ),
        array(
            'title' => __('Restrict access to single group page','kleo_framework'),
            'front' => __('Access to groups','kleo_framework'),
            'name' => 'view_groups'
        ),
        array(
            'title' => __('Restrict users from viewing site activity','kleo_framework'),
            'front' => __('View site activity','kleo_framework'),
            'name' => 'show_activity'
        ),
        array(
            'title' => __('Restrict users from sending private messages','kleo_framework'),
            'front' => __('Send Private messages','kleo_framework'),
            'name' => 'pm'
        ),
        array(
            'title' => __('Restrict users from adding media to their profile using rtMedia or bpAlbum','kleo_framework'),
            'front' => __('Add media to your profile','kleo_framework'),
            'name' => 'add_media'
        )
    );
    return $settings;
}

If you need also to apply restrictions to some links and not just show some text in the levels page, this makes the page restrictions to happen:

COPY CODE

// restrict profile area - Messages page
add_action('kleo_pmro_extra_restriction_before_my_profile','kleo_my_custom_restrict1');

function kleo_my_custom_restrict1()
{
	//full current url
	$actual_link = kleo_full_url();
	//our request uri
	$uri = str_replace(untrailingslashit(home_url()),"",$actual_link);

	//restrict messaging page url
	if(preg_match("/^\/".bp_get_members_root_slug()."\/". bp_get_loggedin_user_username()."\/messages\/?/", $uri))
	{
		
		$my_restrictions =  array('message' => array(
				//2 - restrict certain levels. 0 -restrict none; 1 - restrict all
				'type' => 2,
				//levels that you apply the restrictions to
				'levels' => array(2,3),
				//'not_member' => 1, //restrict users without a membership level
				//'guest' => 1 // restrict not logged in users
			)
		);
		//We use the name "message" from the new restriction added above
		kleo_check_access('message',$my_restrictions);
	}
}

//Restrict Shop page
add_filter('kleo_pmpro_match_rules', 'kleo_my_custom_restrict2');

function kleo_my_custom_restrict2($restrictions) {
	//regular expression for shop page
	$restrictions["/^\/shop\/?$/"] = array('name' => 'shop');
	return $restrictions;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, It is exactly the code sharmstr provided but changed the class:

COPY CODE

.template-page.col-sm-push-3 .wrap-content {
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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, you should do this using CSS. You can inspect those specific elements and add a css rule in Sweetdate – Styling options – Quick css like this:

COPY CODE

#my-menu-item-1 {color: blue;}

where my-menu-item-1 is the id attribute of an element

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

@kriscone please follow my example above to add icons by css. or add the html to the menu title in fron of the current item label just add:

COPY CODE

<i class="icon icon-glass"></i>

@Boblebad I don’t understand what you are saying, sorry

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

That is added to the class attribute. You should add it to sidebar.php like:
<aside class="<?php echo apply_filters('kleo_sidebar_class',$sidebar_class);?> columns hide-for-small">
Also for the second sidebar go in functions.php and search for:

COPY CODE

<aside class="three columns">

and replace with

COPY CODE

<aside class="three columns hide-for-small">

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, You can add a class attribute and refference it in the css. example:

COPY CODE

 [kleo_panel style="callout" round="1" class="custom_class"] TEXT [/kleo_panel]

css:

COPY CODE

.panel.callout.custom_class {
background: none repeat scroll 0 0 rgba(252, 84, 172, 0.5);
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi Joss, We registered most of theme JS in the footer but other plugins used add them in the header so there is nothing we can do about that. You can look for a plugin that maybe can move the js in the footer and minified. Make sure to leave in the header jquery and

COPY CODE

<script type='text/javascript' src='http://www.cvlinkshare.com/wp-content/themes/kleo/assets/js/init.js?ver=20140320'></script>
<script type='text/javascript' src='http://www.cvlinkshare.com/wp-content/themes/kleo/assets/js/modernizr.custom.46504.js?ver=20140320'></script>

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts