sharmstr

[sharmstr]

See these regarding fonts:
https://archived.seventhqueen.com/forums/topic/ability-to-add-custom-fonts-to-drop-down-menu
https://archived.seventhqueen.com/forums/topic/custom-webfonts
https://archived.seventhqueen.com/forums/topic/what-is-the-step-to-import-us-own-font#post-77178

Use this to change the breadcrumb font size

COPY CODE

.breadcrumb a, .breadcrumb .sep, .breadcrumb span {
    font-size: 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]

On the group directory page

COPY CODE

#buddypress #groups-list .item-desc {
    color: red !important;
}

or within the group

COPY CODE

.groups #buddypress #item-header #item-meta {
    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]

The title isnt part of the meta. If you want to remove just the title and leave the breadcrumb you can use this css

COPY CODE

.page-title {
display: none !important;
}

If you want to remove the entire section which includes the title, breadcrumb and info you can use this

COPY CODE

.main-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]

Couple of things

1 – The soundcloud and mixcloud icons are not in the Kleo Fontello icon set. Fontello does have an icon for soundcloud, but not mix cloud. You can follow these directions to add the soundcloud icon and whatever you want to use for mixcloud (another cloud icon perhaps): https://archived.seventhqueen.com/documentation/kleo#vector-icons

As of Kleo 3.1, Kleo now allows you to make your custom fontello files upgrade safe. The documentation hasnt been update to note this. But instead of saving your fontello files in /kleo/assets, save them to /kleo-child/assets. Note: you must be using the kleo child theme for this to work.

Once you have added the icons, then you can use this code in your child theme’s functions.php file to add links/icons to the top bar. Make sure you change the links to where you want them to go and change the icon name from mixcloud to the name of the icon you’re using instead.

COPY CODE

add_action( 'kleo_get_social_profiles', 'kleo_my_extra_social_icons' );
function kleo_my_extra_social_icons( $icons ) {
    $icons .= '<li><a href="http://soundcloud.com" rel="nofollow"><i class="icon icon-soundcloud"></i> <div class="ts-text">Soundcloud</div></a></li>';
    $icons .= '<li><a href="http://mixcloud.com" rel="nofollow"><i class="icon icon-mixcloud"></i> <div class="ts-text">Mixcloud</div></a></li>';

    return $icons;
}

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

.woocommerce ul.products li.product figure > a {
    height: auto !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]

bp_displayed_user_id() will return the userid of the profile you are viewing. So, you can try the following. If it doesnt work, you’ll have to hire someone to get it working for you.

COPY CODE

// Removing public message option

function remove_public_message_button() {
    remove_filter( 'bp_member_header_actions','bp_send_public_message_button', 20);
    // Add chat button
    add_action( 'bp_member_header_actions','add_chat_button',20);

}
add_action( 'bp_member_header_actions', 'remove_public_message_button' );

function add_chat_button() {
    echo '<div class="generic-button"><a href="javascript:void(0)" onclick="javascript:jqcc.cometchat.chatWith(' . bp_displayed_user_id() . ');">Chat with me</a></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]

try this

COPY CODE

ul.gw-go-body li .gw-go-body-cell {
text-align: center !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 obviously cant test this, but something like this should work. Put it in your child theme’s functions.php file.

COPY CODE

// Removing public message option

function remove_public_message_button() {
    remove_filter( 'bp_member_header_actions','bp_send_public_message_button', 20);
    // Add chat button
    add_action( 'bp_member_header_actions','add_chat_button',20);

}
add_action( 'bp_member_header_actions', 'remove_public_message_button' );

function add_chat_button() {
    echo '<div class="generic-button"><a href="javascript:void(0)" onclick="javascript:jqcc.cometchat.chatWith(userid);">Chat with me</a></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]

Add this

COPY CODE

.socialfoot:before {
    color: yellow;
}

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 including the template

COPY CODE

get_template_part( 'page-parts/posts-social-share' );

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]

Add this to your child theme’s 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]

If you mean the top bar, try this in your quick css

COPY CODE

.social-header .container {
    max-width: 100% !important;
}

If you mean the top menu inside the top bar, you can try this

COPY CODE

@media (min-width: 992px) {
.top-menu.col-md-7 {
    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]

To remove it from your homepage, put this in your quick css

COPY CODE

.home-page .kleo-quick-contact-wrapper {
    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

COPY CODE

.current-menu-item a {
    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]

Its in the documentation: https://archived.seventhqueen.com/documentation/kleo#menus

Kleo – My account avatar

You can add a nice Avatar item to the menu ,that links to your profile page, from Appearance – Menus – KLEO section. To have this option available you must have BuddyPress installed.

“from a heart to something else, preferably a heart.” That’s easy, dont do anything. LOL. 🙂

You can change icons on the site using custom css to change the content.

COPY CODE

.item-likes:before {
    content: "\e810";
    font-family: "fontello";
}

To figure out what the code is for the icon you want to use is to go here: http://fontello.com/ Click on customize codes. Look for an icon you want to use and use that code.

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]

Just in case you need it again, here is what I deleted

COPY CODE

[sabai-directory-map height="400" address="Marienplatz, Freising"]

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 cant tell you the exact thing to do since its something you customized. All I can tell you that the below function, which was discussed on the link I gave you, will give you the url to the authors profile.

COPY CODE

bp_core_get_user_domain( get_the_author_meta( 'ID' ) )

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’ve added .btn-default to the button class. You need to remove the period. It should only be btn-default.

Once you do that, you can use

COPY CODE

.btn-default {
color: black !important;
font-family: 'whatever';
}

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

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

[sharmstr]

try this

COPY CODE

.dropdown-menu li>a {
    text-align: right;
}

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]

@abe – Is it possible to override the sidebar_generator class with a remove action, then and add_action for a custom init?

COPY CODE

add_action('init',array('sidebar_generator','init'));

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 correct. Based on your changes, I’m assuming you wanted to change the look of the title. You can override it using css in such a way that it wont effect all h5 tags on the site.

COPY CODE

.sidebar h5 {
    font-size: 17px;
    line-height: 27px;
    font-weight: 900;
    margin: 10px 0;
    display: block;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    text-align: center;
}

.

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]

Kleo has hooks that allows you to inject code into different parts. https://archived.seventhqueen.com/documentation/kleo#hooks

Example

COPY CODE

add_action('kleo_before_main','add_my_html');
function add_my_html() {
    echo "<h2>I've been added.</h2>";
}

There’s also Header content fields in the page editor.

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]

What version are you using? The post query excludes the current post id

COPY CODE

/* Query args */
$args=array(
    'post__not_in' => array($post->ID),
    'showposts'=> 8,
    'orderby' => 'rand' //random posts
);

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]

Let me know if this works. Put it in your child theme’s functions.php file.

COPY CODE

add_action('geodir_article_close','add_social_sharing');
function add_social_sharing() {
    get_template_part( 'page-parts/posts-social-share' );
}

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

#main-container #buddypress #item-header {
    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]

What version of Kleo? Have you looked for plugin conflicts?

The odd thing is that buddypress wont let you sign up using a duplicated email address using their registration form.

Kleo’s facebook code checks for it as well. Here’s the important part of the code

COPY CODE

if( !$user_ID ){  
 
//we didnt have a user id that matched a previously facebook registration, so lets compare the fb email to any email found in wordpress

$user_email = $FB_userdata['email'];
$user_ID = $wpdb->get_var( "SELECT ID FROM $wpdb->users WHERE user_email = '".$wpdb->escape($user_email)."'" 
);

 //Register user
        if( !$user_ID )
        // we didnt find a matching email, so now we are going to register the 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

[sharmstr]

COPY CODE

@media (max-width: 768px) {

#buddypress #members-list .item-title {
padding-top: 10px;
clear: both;
}

}

Play with the padding top and max-width 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 only use 1 menu.

in menu items 1 – 10 (assumes page ids are 1-10, obviously not so change to suit)

COPY CODE

is_page(array('1', '2', '3', '4', '5', '6', '7','8','9','10'));

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 was your bad code in your functions.php file. I commented out this

COPY CODE

wp_enqueue_script( 'smooth-scroll', get_template_directory_uri().'/js/smooth_scroll.js', array( 'jquery' ), '', true );

In the future, please check your custom code.

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]

Merely removing the code wont remove the icon, you need to use the unset command

COPY CODE

unset($bp->bp_nav['settings']);

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 getting a 404 on it

here’s the info

COPY CODE

/* 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";
}

But I’m guessing what you really want is this sticky topic: https://archived.seventhqueen.com/forums/topic/change-buddypress-navigation-menu-icons

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 – There isnt an option to load more post when using the Kleo posts shortcode. Use the Kleo button shortcode to add a button that directs them to your blog.

2 – Here’s the classes you can use to change the color and the border. Change to whatever colors you want

COPY CODE

.main-color .pagination > li > span.current, .main-color .pagination > li > a {
    color: #000 !important;
    border-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]

https://archived.seventhqueen.com/forums/topic/hiding-post-excerpts-in-kleo-carousel

and

COPY CODE

.post-content .entry-summary {
    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]

try this

COPY CODE

a.btn {
width: 300px !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 added this to your child theme’s functions.php file and it works now.

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]

I see that they are all on the same line now. So if you want to make the fill the line better, try adding this

COPY CODE

.kleo-block.feature-item {
    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]

COPY CODE

.btn-see-through {
    border-color: #ffffff !important;
}

btw – you have a some bad css on that page. You are trying to set the text color to white by doing this

COPY CODE

color: ffffff;

instead of

COPY CODE

color: #ffffff;

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 isnt a theme option for a different color, only to make the top menu darker.

The code you have will change the links color on the main menu.

The top menu uses something like this

COPY CODE

.header-color.social-header {
    background-color: #eeeeee;
}

If you do a search here, this has been discussed many times.

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 checking your site using chrome which doesnt have the issue. I do see it in firefox. Try this in your quick css

COPY CODE

.wpb_single_image .vc_figure
max-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]

Try this in your quick css

COPY CODE

.wpb_single_image .vc_figure {
    max-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

[Author]

Posts