Abe

[Abe]

We have added another option to the kleo_bp_activity_stream shortcode to also enable/disable the post form. Also the favourite icon is now visible.

This will be visible in this theme update.

Also for you we have created a quick shortcode to display the whole activity page, that will be also available in next theme version so on update make sure to remove the below code so it won’t give you an error. Add the code to kleo-child/functions.php. Use the shortcode as [kleo_bp_activity_page]

COPY CODE

/**
 * Buddypress Activity page.
 */

function kleo_bp_activity_page( $atts, $content = null ) {
	ob_start();
	bp_get_template_part( 'activity/index' );
	$output = ob_get_clean();
	
	return $output;
}
add_shortcode('kleo_bp_activity_page', 'kleo_bp_activity_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, Based on this topic: https://archived.seventhqueen.com/forums/topic/member-directory-page-about-me-text-does-not-display you should change ‘About me’ to ‘None’ for example or any other value that is not a field name.

Also this CSS hides that info:

COPY CODE

.search-body {
    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 @kriscone

This is the right CSS. Use Chrome inspect element to find specific elements in your site

COPY CODE

.top-links {
    display: none;
}

I don’t understand where should the transparency apply but you have styling settings for buddypress profile area in Sweetdate – Buddypress

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 @makiL
Try contacting the plugin developer for Social Articles related settings.
Not to have the image stretch on the whole container, add this css in Theme options – Quick css:

COPY CODE

img.attachment-kleo-full-width {
    width: auto;
}

If you are referring to Social articles then I don’t think you can add more images, ask the developer

The name of the author should appear also in the single article page, to the left of the image

Edit the menu from WP admin – Appearance – Menus

Cheers

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]

Those topics should have all you need to add the CSS but here it is again:

COPY CODE

.social-header.header-color, .social-header.header-color a {
    background: #333333 !important;
    color: #FFFFFF !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]

then just change the code:

COPY CODE

/* Filter the redirect url for login*/
add_filter("login_redirect","kleo_redirect_to_profile",100,3);
function kleo_redirect_to_profile($redirect_to_calculated,$redirect_url_specified,$user){
/*if no redirect was specified,let us think ,user wants to be in wp-dashboard*/
    if(!is_super_admin($user->ID))
        return 'http://mysite.com/members';
    else
        return $redirect_to_calculated; /*if site admin*/
}

replace http://mysite.com/members with your own
This needs basic PHP/WORDPRESS knowledge

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 css should make a fix width for the site:

COPY CODE

.kleo-navbar-fixed .kleo-main-header, .kleo-navbar-fixed .page-boxed .kleo-main-header, .container, .kleo-page {
    width: 970px;
}
body, html {
    overflow: inherit;
}

Also you can remove this line from header.php

COPY CODE

<meta name="viewport" content="width=device-width, initial-scale=1.0">

And you can also remove all media queries from assets/css/app.css from the end of the file
Also assets/css/bootstrap.min.css has media queries and you can try replacing the contents with one from https://github.com/bassjobsen/non-responsive-tb3/blob/master/bootstrap.min.css

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]

CSS is wrong.Correct one:

COPY CODE

.button.wangguard-user-report {
backgroundr: #FFFFFF !important;
border: none;
box-shadow: 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]

You should inspect the elements using Chrome browser to style different parts of the site using CSS. for that part this CSS should do it:

COPY CODE

.bbp-forum-content > p {
    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]

Also if you want the post featured image not to stretch to the whole container add this CSS:

COPY CODE

img.attachment-kleo-full-width {
    width: 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, You remove the matching by adding this code in your sweetdate-child/functions.php

COPY CODE

add_action('after_setup_theme','kleo_remove_matching');
function kleo_remove_matching() 
{
    remove_action('kleo_bp_before_profile_name', 'kleo_bp_compatibility_match');
}

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 need to add a custom CSS for that. Something like this but you need to refine it probably

COPY CODE

.top-bar ul > li:not(.name) {
    background: none repeat scroll 0 0 #1FA8D1;
    border-radius: 4px;
    margin-left: 4px;
}

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 guys, We are using the KLEO theme with the getshopped plugin with some small CSS adjustments and added functions. Here is our full custom CSS added to the child theme:

COPY CODE

.bbpress-label {
	color: #fff;
	padding: 2px 4px;
	border-radius: 2px;
	margin-right: 5px;
	font-size: 11px;
	text-transform:uppercase;
}
.bbpress-label.resolved {
	background: #7fc379;
}
.bbpress-label.in-progress {
	background: #c0bbc0;
}
.bbpress-label.not-resolved {
	background: #f9ae64;
}

#bbpress-forums li.bbp-forum-freshness .bbp-topic-meta, #bbpress-forums li.bbp-topic-freshness .bbp-topic-meta { display: inline; }
.home #bbpress-forums { margin-bottom: 0;}

.aq_widget_display_forums .bbp-forum-title {font-size: 15px;line-height: 26px;}
.aq_widget_display_forums  .bbp-forum-title.current {font-weight: bold;}

*, *:before, *:after {
    -moz-box-sizing: border-box;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
}

#bbps-topic-status  input[type="submit"] {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    margin: 3px 0;
    min-width: 80px;
    padding: 5px 10px;
    transition: all 0.4s ease-in-out 0s;
	color: #444444;
	background-color: #F7F7F7;
}

.not-logged-in-notice {
padding: 10px;
background: #F7F7F7;
}

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {color: #777777;}

#bbpress-forums .status-closed .bbpress-label.resolved + a:before {
	content: "\E83B";font-family: Fontello;margin-right: 10px;
}

#bbp-search-form input#bbp_search {
    width: 80%;
	float:left;
}


.sidebar-right .inner-content {padding-left: 15px;}

.bbp-attachments ol {
	width:100%;
}
.bbp-attachments li {
    width: auto !important;
}

.bbp-attachments-count { display: none !important; }

And the custom functions added to kleo-child/functions.php are

COPY CODE

/** 
 * Modify status display in single topic
 * -------------------------------------------------------------------------------------------*/
remove_action('bbp_template_before_single_topic', 'bbps_add_support_forum_features');
add_action('bbp_template_before_single_topic', 'aq_add_support_forum_features');

function aq_add_support_forum_features(){	
	//only display all this stuff if the support forum option has been selected.
	if (bbps_is_support_forum(bbp_get_forum_id())){
		$can_edit = bbps_get_update_capabilities();
		$topic_id = bbp_get_topic_id();
		$status = bbps_get_topic_status($topic_id);
		$forum_id = bbp_get_forum_id();
		$user_id = get_current_user_id();

		//get out the option to tell us who is allowed to view and update the drop down list.
		if ( $can_edit == true ) { ?>

		<div id="bbps_support_forum_options">
			<?php bbps_generate_status_options($topic_id,$status); ?>
		</div>

		<?php 
		}

		//has the user enabled the move topic feature?
		if( (get_option('_bbps_enable_topic_move') == 1) && (current_user_can('administrator') || current_user_can('bbp_moderator')) ) { 
		?>

		<div id ="bbps_support_forum_move">
			<form id="bbps-topic-move" name="bbps_support_topic_move" action="" method="post">
				<label for="bbp_forum_id">Move topic to: </label><?php bbp_dropdown(); ?>
				<input type="submit" value="Move" name="bbps_topic_move_submit" class="btn btn-default" />
				<input type="hidden" value="bbps_move_topic" name="bbps_action"/>
				<input type="hidden" value="<?php echo $topic_id ?>" name="bbps_topic_id" />
				<input type="hidden" value="<?php echo $forum_id ?>" name="bbp_old_forum_id" />
			</form>
		</div>

		<?php
			
		}
	}
}

/** 
 * Adds Status to topic title
 * -------------------------------------------------------------------------------------------*/
remove_action('bbp_theme_before_topic_title', 'bbps_modify_title');
add_action('bbp_theme_before_topic_title', 'aq_modify_before_title', 10, 2);
function aq_modify_before_title($title, $topic_id = 0) {
	$topic_id = bbp_get_topic_id( $topic_id );

	$replies = bbp_get_topic_reply_count($topic_id);
	$statuses = array (1,2,3);
	$status_id = get_post_meta( $topic_id, '_bbps_topic_status', true );

	// Let's not override default closed/sticky status
	if(bbp_is_topic_sticky()) {
		//echo '<span class="topic-sticky"> [Sticky] </span>';
	} 
	// Let's not override the default statuses
	elseif(!in_array($status_id, $statuses)) {

		if($replies >= 1) {

			echo '<span class="bbpress-label in-progress">In Progress</span>';

		} else {

			echo '<span class="bbpress-label not-resolved">Not Resolved</span>';

		}
	// Default Statuses
	} else {

		if ($status_id == 1) // Not Resolved
			echo '<span class="bbpress-label not-resolved">Not Resolved</span>';

		if ($status_id == 2) // Not Resolved
			echo '<span class="bbpress-label resolved">Resolved</span>';

		if ($status_id == 3) { // Not Support Question (mark as resolved)
			add_post_meta($topic_id, '_bbps_topic_status', 2);
			echo '<span class="bbpress-label resolved">Resolved</span>';
		}
	}
		
}

/** 
 * Display Topic Status
 * -------------------------------------------------------------------------------------------*/
function aq_display_topic_status($topic_id = 0) {

	$topic_id = $topic_id ? $topic_id : bbp_get_topic_id();

	$statuses = array (1,2,3);
	$status_id = get_post_meta( $topic_id, '_bbps_topic_status', true );

	echo '<div class="aq-topic-status">';

	if(bbp_is_topic_sticky()) {

		echo '<span class="sticky">Sticky</span>';

	} elseif(in_array($status_id, $statuses)) {

		if ($status_id == 1) {
			echo '<span class="not-resolved">Not Resolved</span>';
		}
			
		if ($status_id == 2) {
			echo '<span class="resolved">Resolved</span>';
		}

		if ($status_id == 3) {
			echo '<span class="in-progress">In Progress</span>';
		}

	} elseif(bbp_is_topic_closed()) {

		echo '<span class="sticky">Sticky</span>';
		
	} else {

		echo '<span class="in-progress">In Progress</span>';
		
	}

	echo '</div>';

}

Hope this helps.

Cheers

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, This is the code where you just replace the field names with your own:

COPY CODE

//members page fields
add_action('after_setup_theme','kleo_my_member_data');
function kleo_my_member_data()
{
    global $kleo_config;
    //this is the details field, right now it take the "About me" field content
    $kleo_config['bp_members_details_field'] = 'About me';
    //this display the fields under the name, eq: 36 / Woman / Divorced / Berlin. Modify with the names of the fields you want to appear there
    $kleo_config['bp_members_loop_meta'] = array(
        'I am a',
        'Marital status',
        'City'
    );
      
}

You can add the delete_transient( ‘kleo_bp_meta_fields’ ); line also to make sure some cache is deleted but remove it once all profile fields show correctly.

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, I think I already responded this somewhere else but here goes again. Add this CSS:

COPY CODE

.main-color #buddypress #signup_submit {
    background: #000000;
    color: #FFFFFF;
}

Notifications will be added in next major version

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, add a custom css for those buttons and style them as you wish:

COPY CODE

#profile .generic-button a, .tabs.pill.custom dd:not(.active) a, #profile .callout, .regulartab dt, .regulartab dd {
background: #333;
color: #fff;
}

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]

Yes @Boblebad the is the right topic to follow to change those fields.

@metalmick change the text color by adding this CSS:

COPY CODE

.search-item .date, .search-item .date a {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]

Hi, We added the

COPY CODE

<meta name="mobile-web-app-capable" content="yes"> 

since it was the only one missing. This will be available in next theme update

Thanks

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, we fixed this and will be available in next theme version.
If you want to fix it until the release please add this CSS

COPY CODE

#buddypress div#item-header .group-admins.col-sm-12 {
    text-align: center;
}
#buddypress div#item-header .group-admins.col-sm-12 ul#group-admins {
    display: inline;
    float: none;
		text-align: center;
}
#buddypress div#item-header .group-admins.col-sm-12 ul li {
    display: inline-block;
    float: none;
    list-style: none outside 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]

Yes we are implementing that. Thanks @sharmstr for your contribution.

Style the registration button with this CSS:

COPY CODE

.main-color #buddypress #signup_submit { background: #000; color: #fff; margin-top: -20px;}

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, In your kleo-child/function.php file add this code:

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();
	}
}

This will redirect not registered users to the register 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, To change the color add this CSS:

COPY CODE

#profile .generic-button a.activity-button.mention {
    background: none repeat scroll 0 0 #FF0000;
}

To change the order when logged in add this code to sweetdate-child/functions.php

COPY CODE

add_action('after_setup_theme', 'kleo_change_public_button'); 
function kleo_change_public_button() {
	remove_action( 'bp_member_header_actions', 'bp_send_public_message_button', 20 );
	add_action( 'bp_member_header_actions', 'bp_send_public_message_button', 1 );
}

When not logged in you need to edit this function kleo_bp_member_buttons in wp-content\themes\sweetdate\custom_buddypress\bp-functions.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]

Hi, this code work for me to add a custom tab:

COPY CODE

//Buddypress add profile tab
add_action( 'bp_setup_nav', 'my_test_setup_nav' );

function my_test_setup_nav() {
	global $bp;
	$parent_slug = 'test';
	$child_slug = 'test_sub';
	//name, slug, screen, position, default subnav
	bp_core_new_nav_item( 
					array(
							'name' => 'Test tab',
							'slug' => $parent_slug,
							'screen_function' => 'my_profile_page_function_to_show_screen',
							'position' => 40,
							'default_subnav_slug' => $child_slug 
					) 
	);
}

function my_profile_page_function_to_show_screen() {

	//add title and content here – last is to call the members plugin.php template
	add_action( 'bp_template_title', 'my_profile_page_function_to_show_screen_title' );
	add_action( 'bp_template_content', 'my_profile_page_function_to_show_screen_content' );
	bp_core_load_template( apply_filters( 'bp_core_template_plugin', 'members/single/plugins' ) );
}

function my_profile_page_function_to_show_screen_title() {
	echo 'Page title';
}

function my_profile_page_function_to_show_screen_content() {
	echo 'Page content';
}

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]

try removing the bg from revslider and add the image bg using css like this

COPY CODE

.page-template-page-templatesfront-page-php .rev_slider_wrapper {
background: url('http://mysite.com/link-to-image');
}

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 try to change your wp-config file and add the following line:

COPY CODE

define( 'BP_DEFAULT_COMPONENT', 'profile' );

make sure it’s above the require_once(ABSPATH . ‘wp-settings.php’); line, or else the change won’t take place.
Hope will help!

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]

I saw that the < a > element has class “button wangguard-user-report” so you can try to create a style property based on that class , like:

COPY CODE

.button.wangguard-user-report {font-size:12px;} // or what properties do you want.

You can add this in the Quick CSS box in Sweetdate – Styling options or in child theme/style.css

.button.wangguard-user-report it should be stronger than just “.button” style so it will take your added style

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,
We will change that hover behavior so it won’t disappear when moving slower to the sub-menu.

You can add icons by changing the item label like:

COPY CODE

<i class="icon icon-phone"></i> Phone

Right now only menu items can be added in the menu/mega menu and the mega menu just splits the child items in columns
We will dedicate some time on improving the menu and adding more functionality

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, Yes we already added a filter to the post types. Here is the change function that will be available in 1.4.2 version:

COPY CODE

	function show_likes()
	{
		$ids = str_replace(' ', '', trim(strip_tags(sq_option('likes_exclude'))));
		$ids = explode(',', $ids);
		if(in_array(get_the_ID(), $ids)) return;
		
		$post_types = array( 'post', 'attachment' );
		$post_types = apply_filters( 'kleo_likes_post_types', $post_types );
		$current_post_type = get_post_type();
		
		if( in_array( $current_post_type, $post_types ) ) {
			echo $this->do_likes();
		}
	}

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, Just edit the Home page and in the content you will see a shortcode:
[kleo_call_to_action bg=”http://localhost/sw/wp-content/uploads/2013/06/map-bg.png”%5D
Remove the bg attribute so it looks like:

COPY CODE

[kleo_call_to_action]

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, This is the topic that shows you how to adjust your matching system: https://archived.seventhqueen.com/forums/topic/match-numbers

Based on that, your code to add in child theme/functions.php should be like the one below but I don’t know what type of fields you have added and their exact names so please change the field names to the appropriate ‘single_value’ or ‘multiple_values’ array and set their percentage impact

COPY CODE

//change matching system
add_action('after_setup_theme','kleo_my_match');
function kleo_my_match() {
global $kleo_config;
$kleo_config['matching_fields']['starting_score'] = 1;
//If we want to match by members sex. values: 0|1
$kleo_config['matching_fields']['sex_match'] = 1;
//required for initial match. If the sex preference matches it will continue to the specified fields below
$kleo_config['matching_fields']['sex'] = 'I am a';
$kleo_config['matching_fields']['looking_for'] = 'Looking for a';
//sex percentage
$kleo_config['matching_fields']['sex_percentage'] = 49;
//single value fields like select, textbox,radio
$kleo_config['matching_fields']['single_value'] = array (
    'Sexual Orientation' => 20,
"Another field name" => 10
);
//multiple values fields like multiple select or checkbox
$kleo_config['matching_fields']['multiple_values'] = array (
    'Interests' => 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]

Hi, the menus resizes based on the screen size and not on the menu size.
You need to edit a theme file to change the screen size when the mobile menu appears.
Edit wp-content\themes\kleo\assets\css\app.css at line 4057 change 991px to a smaller size if you need:

COPY CODE

/* Test Change breakpoint */

@media (max-width: 991px) {

Remember to make this change after every theme update since it will get overridden by the new theme files.

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]

wp admin no show should do the job or this tiny little code added to child theme/functions.php

COPY CODE

add_action( "init", "kleo_blockusers_init" );
function kleo_blockusers_init() {
    if ( is_admin() AND ! current_user_can( "administrator" ) AND
       ! ( defined( "DOING_AJAX" ) AND DOING_AJAX ) ) {
        wp_redirect( home_url() );
        exit;
    }
}

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, We did some test and try adding this CSS in your child theme/style.css or in WP admin -Theme options – Quick css:

COPY CODE

.kleo-navbar-fixed .page-boxed .kleo-main-header, .container, .kleo-page {
    width: 1200px;
}
body, html {
    overflow-x: inherit;
}

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, Nice 🙂
You can address mobile devices by putting the CSS in a media query like this:

COPY CODE

@media only screen
and (max-width : 480px) {
/* Styles */
}

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]

Add a padding to the logo image using CSS:

COPY CODE

.logo img {padding-top: 3px;}

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 change those icon colors this is the CSS:

COPY CODE

.main-color #buddypress div#item-nav ul li a:before, .main-color #buddypress div#item-nav .tabdrop .dropdown-menu li a:before {
    color: #E5E5E5;
}

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]

@soos see the above solution on setting the header size. You can set the line-height attribute to some other values like 40px, 88px being the default one from the theme
The expanding search can’t be easily added to the header. You can copy that HTML code for the form and add it in the header.
This is the html form code:

COPY CODE

<div id="buddypress"><div id="members-dir-search" class="dir-search" role="search">
		<form style="min-width: 60%;" action="" method="get" id="search-members-form">
		<label><input type="text" name="s" id="members_search" placeholder="Search Members..."></label>
		<input type="submit" id="members_search_submit" name="members_search_submit" value="Search">
	</form>	</div></div>

the file to edit related to the header part: wp-content\themes\kleo\page-parts\general-header-section.php

This should imply more that copying the code there and therefore you should hire a programmer to help you if you don’t have the required skills.

Cheers

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 there,

@Fronkol there is a css rule to set the line height of the menu. Add this CSS rule to your kleo-child/style.css or in Theme options – Quick css:

COPY CODE

.kleo-main-header .navbar, .kleo-main-header .navbar-collapse ul {
    line-height: normal;
}

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 don’t have to add this line: @import url(“../wp-content/uploads/custom_styles/dynamic.css”);
Just add the styles you want to override.

Your code is correct. I saw a tiny thing that is causing not to rewrite the rules added in the style.css. Please replace your main theme functions.php content with the one from this link until next theme update: https://archived.seventhqueen.com/files/kleo/functions.txt

This should be the CSS to add if you want to change just the color of the icons:

COPY CODE

.main-color #buddypress div#item-nav ul li a:before, .main-color #buddypress div#item-nav .tabdrop .dropdown-menu li a:before {
    color: #000000;
}

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, I have added some classes to those fields that appear in the tabs next to the profile so you can add a CSS like this to hide profile fields with id 1:

COPY CODE

.bp-field-id-1 {
    display: none;
}

You can inspect the elements using Chrome browser to see the element classes

This will be available in next theme update but if you want the functionality until the update, replace theme file content wp-content\themes\sweetdate\custom_buddypress\class-bp-tabs.php with the one attached

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.

Attachments:

You must be logged in to view attached files.

[Author]

Posts