sharmstr

[sharmstr]

This might do it. Put it in your quick css

COPY CODE

#buddypress a.button.fav:before, #buddypress a.button.unfav:before, #buddypress a.fav.bp-secondary-action:before, #buddypress a.unfav.bp-secondary-action:before {
  content: "\e84a" !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]

Not by default, but you can use add_action in your childs functions.php to do it. Edit as necessary.

COPY CODE

/***************************************************
:: Add custom HTML to page header
 ***************************************************/

add_action( 'kleo_before_main', 'kleo_global_header_content', 8 );

function kleo_global_header_content() {
    echo '<section class="kleo-page-header container-wrap main-color">';
    echo "Add whatever you want here.";
    echo '</section>';
}

/***************************************************
:: Add custom HTML to bottom page
 ***************************************************/

add_action( 'kleo_after_main_content', 'kleo_global_bottom_content', 12 );

function kleo_global_bottom_content() {
      echo '<div class="kleo-page-bottom">';
      echo "Add whatever you want here.";
      echo '</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]

Off the top of my head, it would be something like

COPY CODE

if ( is_user_logged_in() ) {
// user is logged in show different logo
	<img id="logo_img" title="<?php bloginfo('name'); ?>" src="http://yoursite.com/path/to/your/logo.jpg" alt="<?php bloginfo('name'); ?>">
} else {
	 <img id="logo_img" title="<?php bloginfo('name'); ?>" src="<?php echo $logo_path; ?>" alt="<?php bloginfo('name'); ?>">
}

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 controlling it with this css. Adjust the padding as necessary. Beyond that, I dont know.

COPY CODE

.fluid-width-video-wrapper {
padding-top: 35% !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 /kleo/buddypress/members/activate.php to your child theme and add the kleo-show-login class to the login link.

Change this line

COPY CODE

<p><?php printf( __( 'Your account was activated successfully! You can now <a href="%s">log in</a> with the username and password you provided when you signed up.', 'buddypress' ), wp_login_url( bp_get_root_domain() ) ); ?></p>

to this

COPY CODE

<p><?php printf( __( 'Your account was activated successfully! You can now <a href="%s">log in</a> with the username and password you provided when you signed up.', 'buddypress' ), wp_login_url( bp_get_root_domain() ) ); ?></p>

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 problem is your bell icon isn’t displaying. Looks like somehow you’ve defined the one from Font Awesome instead of the default fontello one. Anyhow, you can try this css

COPY CODE

i.fa.fa-bell.fa-lg:before {
  content: '\e864';
  font-family: "fontello";
  color: #fff;
}

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 override the function that builds the page. Put this in your child theme functions.php file and edit as neccesary.

COPY CODE

function kleo_maintenance_mode() {

		$logo_path = apply_filters('kleo_logo', sq_option_url('logo'));
		$logo_img = '<img src="'. $logo_path .'" alt="maintenance" />';
		
		if (sq_option('maintenance_mode', 0) == 1) {

			/* Theme My Login compatibility */
			if ( class_exists( 'Theme_My_Login' ) && Theme_My_Login::is_tml_page( 'login' ) ) {
				return;
			}

			if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) {
				wp_die(
						$logo_img 
							. '<div style="text-align:center">'
							. sq_option('maintenance_msg', '')
							. '</div>',
						get_bloginfo( 'name' )
					);
			}
		}
	}

If that’s beyond your capabilities, then I suggest using a plugin. I use this one https://wordpress.org/plugins/coming-soon/

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

COPY CODE

.main-color .btn-primary,  .main-color .btn-primary, .main-color .btn-primary:hover {
  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]

You can use current_user_can(‘manage_options’) to determine whether or not to hide stuff. Example

COPY CODE

if( !current_user_can('manage_options') ) {
remove_meta_box( 'mymetabox_revslider_0', 'post', 'normal' );
}

That says “If the user is not admin, remove the rev slider metabox from the post 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]

kleo_before_main_content does. Not sure why you’re seeing it stretch across the top of sidebar. If I put this in my functions.php file, it echos text just in the main content section. Not in the above the sidebar. See the attached and note the sidebar border extending to the top as it should. Also attached is the resulting html source code.

COPY CODE

add_action('kleo_before_main_content','my_custom_content_header');
function my_custom_content_header() {
     echo "This is my custom text";
 }

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 child theme’s functions.php file. Refresh the options page and try saving again.

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]

Using the default kleo image background settings as an example, you can click on the gear icon in visual composer to add custom css. Try this and change the link to your background image.

body {
  background-image: url("http://localhost:8080/wp/wp-content/themes/kleo/assets/img/bg-body.gif");
  background-repeat: repeat;
}
</pre<
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

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

[sharmstr]

I believe the issue is that it has to load the video in its entirety first. So, since its so large, its taking a while to render. I uploaded your video to my test site and indeed, it wont display until the entire video loads.

As an alternative, you can build a slider using revolution slider. That will load the video right away. It will take some messing around to get it perfect. But you can have the search and animated numbers on different layers.

For example, add a new layer and put this in the html box to get the search form

COPY CODE

[kleo_search_form form_style="transparent"]

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 found this code change in the next version of K-elements. Seems to fix it.

Go to /plugins/k-elements/shortcodes/templates/kleo_particles.php and change this line (around line 31)

COPY CODE

jQuery.when( jQuery('#particles-js').parentsUntil('section').css({position: 'static'}), jQuery('#particles-js').closest('.wpb_column').siblings().css( {"z-index" : "1", "position": "relative"} ) ).then(function() {
<pre>

to this

<pre>
jQuery.when( jQuery('#particles-js').parentsUntil('section').css({position: 'static'}), jQuery('#particles-js').closest('.wpb_column').siblings().css( {"z-index" : "1", "position": "relative"} ), jQuery('#particles-js').siblings().css( {"z-index" : "1", "position": "relative"} ) ).then(function() {

Make sure you refresh the page (even a few times) and clear any CDN or server cache.

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]

Next time, please search yourself.

Try this in your quick css

COPY CODE

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

.single .article-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]

Ask on the buddypress forum the best way to do that. You can filter the loop with this code in your childs theme functions.php file, but the second page (load more) still shows all activity so you’ll need to ask the bp developers how to fix that.

COPY CODE

function filtering_activity_default( $query ) {

    if ( empty( $query ) && empty( $_POST ) ) {
        $query = 'scope=groups';
    }
    return $query;
}
add_filter( 'bp_ajax_querystring', 'filtering_activity_default', 999 );

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]

Put this in your theme options quick css

COPY CODE

#activity-mentions {
  display: none;
}

There is a sticky on the main forum page that explains how to change profile tab 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]

You display the fontello icons like this

COPY CODE

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

There is a list of common fontello icon names in this post: http://sharmstr.com/displaying-social-links-in-members-profile/

** ignore the two “use xx instead” notes since they are not relevant in this case.

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]

put this in your theme options quick css

COPY CODE

#activity-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

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

[sharmstr]

Try this. Copy /page-parts/general-before-wrap.php and /page-parts/posts-social-share.php to your child theme. In general-before-wrap, change this

COPY CODE

<section class="container-wrap main-color">

COPY CODE

if (is_single()) {
    <section class="container-wrap alternate-color">
    } else {
    <section class="container-wrap main-color">
}

In posts-social-share.php change main-color to alternate-color.

In the long run, you’ll be better off going back through your pages and changing the row styles.

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]

Maybe this will help. Put this in your child theme functions.php file.

COPY CODE

/**
 * show included template files
 */
add_action('all','template_snoop');
function template_snoop(){
    $args = func_get_args();
    if( !is_admin() and $args[0] ){
        if( $args[0] == 'template_include' ) {
            echo "<!-- Base Template: {$args[1]} -->\n";
        } elseif( strpos($args[0],'get_template_part_') === 0 ) {
            global $last_template_snoop;
            if( $last_template_snoop )
                echo "\n\n<!-- End Template Part: {$last_template_snoop} -->";
            $tpl = rtrim(join('-',  array_slice($args,1)),'-').'.php';
            echo "\n<!-- Template Part: {$tpl} -->\n\n";
            $last_template_snoop = $tpl;
        }
    }
}

It will add a comment to the page source for every template file that Kleo uses to build a page. Basically its an easy way to figure out the architecture. I use it all the time.

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]

Click on the gear icon in visual composer and add this css

COPY CODE

.header-color.social-header {
  background-color: transparent !important;
}
.social-header {
  border-bottom-style: none !important;
}

.header-color .top-menu li > a {
  border-color: transparent !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]

Something is overriding you z-index for the background of the modal. Try this in your quick css

COPY CODE

.mfp-wrap {
z-index: 104311 !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 menu colors are set in theme options > styling. If you really want to set it using custom css instead…

1 – .kleo-toggle-menu .minicart-buttons .btn-default { background-color: red !important; }

2 – You can add html around the contact link.

COPY CODE

<span style="font-size:18px;">Submit a ticket</span>

3 – .current-menu-item a { background-color: blue !important; 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]

Not that I can see. But, I just figured out a way to conditionally show content within the table based on membership level. This way you can hide a buy button on the members current level. PMPro has a “membership” shortcode you can use. Register for a free account on pmpros site and then follow this link to see the examples on how to use it: http://www.paidmembershipspro.com/documentation/content-controls/with-shortcodes/

Assuming you have a button somewhere in the column (probably the footer), instead of selecting Button for row type, select HTML.

In the text box, you can use a combination of the pmpro shortcode and the kleo button shortcode like this

COPY CODE

[membership level="0,-1,-2"][kleo_button title="Buy Me" href="http://www.yoursite.com/shop/membership-levels/silver-package/" target="_self" style="highlight" size="lg" icon="0" tooltip_position="left" tooltip_action="hover"][/membership]

That code first looks to see if the user is not logged in, not a member or isnt a level 1 or 2 member. If so, it will display a Kleo button.

You can do this for each column, changing the -1 and -2 as necessary. You can probably take it a step further and add an additional message saying they are already a member of that level. Something like

COPY CODE

[membership level="0,-1,-2"][kleo_button title="Buy Me" href="http://www.yoursite.com/shop/membership-levels/silver-package/" target="_self" style="highlight" size="lg" icon="0" tooltip_position="left" tooltip_action="hover"][/membership]
[membership level="1"]Your Current Level[/membership]

My suggestion is to create a new page and add the Kleo button shortcode to it. Get it looking exactly how you want it, then switch to classic view so you can see the button shortcode and copy it from the page into your table.

You might even be able to use the same concept and membership shortcode in other areas of the column. Like the header and/or body content.

Hope this helps.

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

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

[sharmstr]

Please don’t post your response twice. It wont make me answer any faster. There are a lot of people who need help here. I’m working as fast as I can. I hope you understand that.

Instead of asking a multiple questions in this topic, its better to start a new topic. That way you have access to one of the many people who help out here and you dont have to wait for me to respond.

Start another topic for the favorite button. Maybe someone else can help you.

For likes, try this css. It should get you close.

COPY CODE

#buddypress .activity-list .activity-content {
border-bottom-width: 0px;
}

#buddypress div.activity-comments ul li {
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.activity-like-count {
  padding-left: 130px !important;
  top: -10px;
}

.logged-in #buddypress div.activity-meta {
  padding-bottom: 0px;
}

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 Theme Options > General > Quick Css

COPY CODE

.btn-text-animated span:last-child {
width: 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]

This might work. Bring up that page in page editor. Scroll down to theme general settings > title. Hide the main info and title. Then go further down to the header content (where the map code is) and put your breadcrumb section before the map code

COPY CODE

<section class="container-wrap main-title alternate-color  title-single main-center-title border-bottom"><div class="container"><h1 class="page-title">Find clothing factories, suppliers, production experts & more. <a><div class="breadcrumb-extra"></div></a></h1></div></section>

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]

hard to help without seeing it, but I’m guessing you need to define what happens on hover

COPY CODE

.navbar-nav .btn.btn-special:hover {
border: 1px solid #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]

So, the answer is yes. You have saved them.

Okay, try this in your child theme’s functions.php file. Then go back to theme options, refresh the page and then save them. Remember to clear your server cache after. It could be that your site has an issue with building the dynamic.css file via ajax. This code disables that and used the old way of saving them.

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]

Still not really sure what you are trying to accomplish. But the top bar is within a container called .social-header. If you apply your css to that instead of .top-bar, it will get rid of the yellow on the left and right in capture1.jpg

.kleo-main-header is where the logo and menu are.

.social-header and .kleo-main-header are sections within .header

So its like this

COPY CODE

<div id="header" class="header-color">
     <div class="social-header header-color"></div>
     <div class="kleo-main-header header-normal"></div>
</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]

I thought of a brilliant idea to set the buddypress register page to the levels page, but that didnt work 🙁

So, you’ll have to copy /kleo/page-parts/general-popups.php to your child theme /kleo-chile/page-parts/general-popups.php and remove this section

COPY CODE

<?php if(get_option('users_can_register')) : ?>

                <p>
                    <em><?php _e( "or", 'kleo_framework' );?></em>    <a>" class="new-account"><?php _e( "Create an account", "kleo_framework" ); ?></a>
                </p>

            <?php endif; ?>

Remember to look for any changes to that page in future kleo updates.

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 looked at your site this morning and it looks like you still didnt find it, so I put this in your quick css to override it

COPY CODE

html {
    margin-top: 0px !important;
}

Look to see if that screwed anything up. Again, my concern is that it was either auto set by a pluging or was manually set to fix something else.

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 depends on what pages you’re trying to do it on. Some pages, you cant do it there and you’ll have to do it in theme options. Buddypress pages are like this for example.

There is a gear icon at the top of the visual composer editor. Put the css in there.

COPY CODE

.author-name, .item-likes {
    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]

Sure. Its uses aq_resize (https://github.com/syamilmj/Aqua-Resizer/wiki) to resize and crop the images on the fly. The crop, obviously, is set to hard. You can change that to soft. Copy kleo/page-parts/post-content-carousel.php to your child theme (kleo-child/page-parts/post-content-carousel.php) and change the 2 aq resize lines from

COPY CODE

$image = aq_resize( $img_url, $kleo_config['post_gallery_img_width'], $kleo_config['post_gallery_img_height'], true, true, true );

to

COPY CODE

$image = aq_resize( $img_url, $kleo_config['post_gallery_img_width'], $kleo_config['post_gallery_img_height'], false, true, true );

Remember to look for any code changes to this file after every Kleo update.

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 is happening because the image is so short. Try this in theme options > general > quick css

COPY CODE

.rtm-comment-list.rtm-comment-list {
  list-style: none;
  padding-bottom: 20px;
}

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 – You’ve added custom css that is creating a 32px margin-top. See attached.

2 – Because of the way BP wrote their settings form, there isnt a way to remove the password stuff completely with just css. You’ll have to copy /kleo/buddypress/members/single/settings/general.php to your child theme and edit the password fields out.

3 – Theme Options > Woo > turn of Manage account in Buddypress

4 – You can try this css

COPY CODE

#pwd_input_lable {
  display: none;
}

#log_input_lable {
  display: none;
}

.galogin-or {
  display: none;
}

.forgetmenot {
  display: none;
}

#login form p.submit {
  display: none;
}

otherwise see this https://codex.wordpress.org/Customizing_the_Login_Form

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]

Sorry, forgot the go to top

COPY CODE

.kleo-go-top, .kleo-quick-contact-wrapper {
  bottom: 80px !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 Theme Options > General > Quick css

COPY CODE

.kleo-quick-contact-wrapper {
bottom: 80px !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 child theme 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

[Author]

Posts