sharmstr

[sharmstr]

Probably because of the #main. Again, its hard to tell you exactly what to do without seeing where this is. But you can try setting the hover on H3 globally.

COPY CODE

h3 a:hover {
  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]

That’s correct. They dont. You can add them.

COPY CODE

#main .main-color h3 a:hover {
  color: red;
}

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 hard to help without access.

Topic titles are set in Styling Options > Main > Link color & Hover Link color.

You can put your css changes in quick css. If they are being overriden, make sure you put !important on them. Something like

COPY CODE

.main-color a:hover {
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]

Put this in quick css

COPY CODE

span.kleo-pinterest {
  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]

I was right. It was an echo’ing issue. Do this

COPY CODE

function kleo_breadcrumb( $args = array() )
    {
        return WPSEO_Breadcrumbs::breadcrumb( '<div class="kleo_framework breadcrumb">', $after, '</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 dont know.

Anyhow, I played around with more code and I think this might be a better solution and it adds it to the single product page as well.

COPY CODE

function kleo_title_main_content_woo() {
		if (sq_option('title_location', 'breadcrumb') == 'main') {
			
			$title_status = true;
			if( is_singular() && get_cfield( 'title_checkbox' ) == 1 ) {
				$title_status = false;
			}
 
			if ( $title_status ) {
				echo '<div class="container">';
				echo '<h1 class="page-title">' . kleo_title() . '</h1>';
				echo '</div>';
			}
			
			echo kleo_breadcrumb(array(
                'show_browse' => false,
                'separator' => ' ',
                'show_home'  => __( 'Home', 'kleo_framework' ),
                'echo'       => false
            ));
			
		}
	}
	
add_filter('woocommerce_show_page_title',  'kleo_title_main_content_woo');
add_action( 'woocommerce_before_single_product',  'kleo_title_main_content_woo' );

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 probably because the yoast_breadcrumb function does an echo which will print out the breadcrumb right when its called instead of waiting for when kleo triggers the display. Looks like you can easily override that though. Also, try wrapping it in a div with the “kleo_framework breadcrumb” classes. See what happens when I change the code up a bit

COPY CODE

function kleo_breadcrumb( $args = array() )
    {
        return '<div class="kleo_framework breadcrumb">This doesnt 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

Attachments:

You must be logged in to view attached files.

[sharmstr]

Add this below the function I gave you

COPY CODE

add_filter('woocommerce_show_page_title',  'kleo_title_main_content');

Not sure how to get it to show up on the single product page though.

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 hesitant to give you this code because I think it will open up a huge discussion about how to tweak the code to give you exactly what you want, which is a bit out of scope for help here. So, I’m going to give you this with the caveat that you’ll have to sort out styling, placement and other issues on your own.

Turn off breadcrumbs in theme options and try this in your functions.php file.

COPY CODE

function kleo_title_main_content() {
		if (sq_option('title_location', 'breadcrumb') == 'main') {
			
			$title_status = true;
			if( is_singular() && get_cfield( 'title_checkbox' ) == 1 ) {
				$title_status = false;
			}

			if ( $title_status ) {
				echo '<div class="container">';
				echo '<h1 class="page-title">' . kleo_title() . '</h1>';
				echo '</div>';
			}
			
			echo kleo_breadcrumb(array(
                'show_browse' => false,
                'separator' => ' ',
                'show_home'  => __( 'Home', 'kleo_framework' ),
                'echo'       => 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]

Why can’t you just override the kleo_breadcrumb function? Something like this in your functions.php file.

COPY CODE

function kleo_breadcrumb( $args = array() )
    {
        return yoast_breadcrumb('<p id="breadcrumbs">','</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]

You can add html tags. Try

COPY CODE

<br>

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]

change the button to something like

COPY CODE

[kleo_button title="Text on the button" target="_self" style="highlight" tooltip_position="left" tooltip_action="hover" el_class="green-button"]

then add this to your quick css

COPY CODE

a.btn.green-button {
  background-color: green;
  border-color: green;
}

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 so you are aware, that is not a Kleo shortcode. Post Grid comes standard with VC and is supported by VC.

With that said, try this in your css

COPY CODE

.vc_gitem-zone-b .vc_gitem-row-position-bottom {
  position: relative;
}

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 important on it.

COPY CODE

.social-header {
  background-color: black !important;
}

@nickzee: The top bar includes The Social Links and the Top Menu.

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

#mycred-my-rank img {
  max-width: 5%;
}

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’ll have to copy /kleo/page-parts/general-popups.php to your child theme and change this line

COPY CODE

<input type="text" id="username" autofocus required name="log" class="form-control" value="" placeholder="<?php _e( "Username", 'kleo_framework' );?>">

To this

COPY CODE

<input type="text" id="username" autofocus required name="log" class="form-control" value="" placeholder="<?php _e( "Username or Email", 'kleo_framework' );?>">

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 put your requests in the feature request topic. It gives the devs a single place to see what people want.

In the meantime you can do that easily with css

COPY CODE

#top-social i, .ts-text {
  color: red;
  font-size: 20px;
}

#top-social {
  background-color: black;
}

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

.alternate-color .breadcrumb span {
  color: red;
}

That will also change the separator color, so you’ll have to add css to set that back or to a different color

COPY CODE

.breadcrumb span.sep {
  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]

put this in your quick css

COPY CODE

.profile .callout-blockquote {
  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]

because I didnt understand your request the first time, I told you to change the wrong part of it. It should have been

COPY CODE

$before_featured = '<div class="row responsive-cols kleo-masonry per-row-4">';

and

COPY CODE

<div class="kleo-carousel-items kleo-carousel-post" data-min-items="4" data-max-items="4">

I thought your issue was that it wasn’t sliding. Sorry.

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 wont show up because

COPY CODE

if ( in_array('levels', $meta_elements ) ) {

will always return false unless you’ve also added “levels” to Theme Options > Blog > Display Meta Fields. Just dont check for it.

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’ll have to move the question and answer onto separate lines. Try this

COPY CODE

.profile dt {
  float: none;
  text-align: left;
  margin: 0 !important;
  width: 100% !important;
}

.profile dd {
  margin: 0 !important;
  padding-top: 0 !important;
}

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

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

[sharmstr]

To remove the circle add this to your css

COPY CODE

.pagination>li>a, .pagination>li>span {
  border: 0px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
border-radius: 0px;
}

From there you can add any styling you want.

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

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

[sharmstr]

Copy /kleo/featured-content.php to your child and change data-max-items to whatever you want

COPY CODE

<div class="kleo-carousel-items kleo-carousel-post" data-min-items="3" data-max-items="3">

@abe – How come the max-carousel-items are set to 3 now? Was there an issue with the carousel?

The blog page uses /kleo/index.php. Copy it to your child theme and edit this line

COPY CODE

<div class="row responsive-cols kleo-masonry per-row-<?php echo sq_option( 'blog_columns', 3 );?>">

to this

COPY CODE

<div class="row responsive-cols kleo-masonry per-row-5">

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 amount of column per row is set in /kleo/paid-memebership-pro/pages/levels.php. It determines the amount of columns per row using “12 / how many levels”. 5 isn’t evenly divided into 12, so it puts a level on the second row.

Anyhow, you can put all 5 on one row, but you’ll have a bit of a gap on the side. Put this in your functions file

COPY CODE

add_filter('kleo_pmpro_level_columns','custom_levels_per_row');
function custom_levels_per_row() {
	return $level_cols = 2;
}

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 answer you question though, this css will control it unless you end up turning off transparent main menu

COPY CODE

.navbar-transparent .kleo-toggle-menu .cart-items.has-products {
  color: black;
}

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]

Wrap the title in

COPY CODE

<em></em>

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 might be able to do something with css, but more than likely you’d have to edit the template pages.

You can try playing with this

COPY CODE

.activity .template-page.col-sm-9.tpl-right {
  max-height: 1000px;
  overflow: scroll;
}

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 think I got it.

In kleo/woocommerce/checkout/form-checkout.php, change

COPY CODE

<div class="order-review-wrap">

to

<div id="order_review" class="order-review-wrap">
 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 probably have to add it to the form. you can copy the form code into your child’s function file.

COPY CODE

function kleo_contact_form( $atts, $content = null ) {
	extract(shortcode_atts(array(
			'title'    	 => 'CONTACT US'
		), $atts));
	
		$output = '';
		
		$output .= '<div class="kleo-quick-contact-wrapper">'
			.'<a href="#"><i class="icon-mail-alt"></i></a>'
			.'<div id="kleo-quick-contact">'
				.'<h4 class="kleo-qc-title">'. $title .'</h4>'
				.'<p>'. do_shortcode($content).'</p>'
				.'<form class="kleo-contact-form" action="#" method="post" novalidate>'
					.'<input type="text" placeholder="'.__("Your Name",'kleo_framework').'" required id="contact_name" name="contact_name" class="form-control" value="" tabindex="276" />'
					.'<input type="email" required placeholder="' . __("Your Email",'kleo_framework') . '" id="contact_email" name="contact_email" class="form-control" value="" tabindex="277"  />'
					.'<textarea placeholder="' . __("Type your message...",'kleo_framework') . '" required id="contact_content" name="contact_content" class="form-control" tabindex="278"></textarea>'
						.'<input type="hidden" name="action" value="kleo_sendmail">'
						.'<button tabindex="279" class="btn btn-default pull-right" type="submit">'. __("Send",'kleo_framework').'</button>'
					.'<div class="kleo-contact-loading">'. __("Sending",'kleo_framework').' <i class="icon-spinner icon-spin icon-large"></i></div>'
					.'<div class="kleo-contact-success"> </div>'
				.'</form>'
				.'<div class="bottom-arrow"></div>'
			.'</div>'
		.'</div><!--end kleo-quick-contact-wrapper-->';
			
		return $output;
	}
	add_shortcode('kleo_contact_form', 'kleo_contact_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

[sharmstr]

try this

COPY CODE

img.wpcf7-form-control {
  width: 30%;
}

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]

try this css

COPY CODE

.bp-user #header {
  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]

The 3 sites I tested it on are all running the current version of BP and Kleo.

You can try copying /kleo/featured-content.php to your child theme and adding a check for logged in members.

or

You can try copying /kleo/index.php to your child theme and adding a check for logged in members. Around line 87, maybe something like

COPY CODE

if (kleo_has_featured_posts() && is_user_logged_in() ) {

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]

@alvedon, the question wasn’t how to send the notice. it was how to make a url in the noticed clickable.

@andrepc1876 Add the a href tag to it

COPY CODE

<a href="http://www.google.com">google</a>

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]

Assuming you meant “videos can fall out of line”, you’ll need to set a strict height to the header and excerpt.

adjust as you see fit.

COPY CODE

.portfolio-header {
  height: 100px;
  overflow: hidden;
}
.portfolio-info {
  height: 100px;
}

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]

Here’s some code I came up with that will filter the description and append the add-to-cart shortcode.

COPY CODE

add_filter('the_content','append_add_to_cart');

function append_add_to_cart( ) {
	if ( is_single() && get_post_type( get_the_ID() ) == 'product' ) {
		$content = get_the_content();
		return $content . do_shortcode('[add_to_cart id="' . get_the_ID(). '"]');
	}
}

That shortcode doesnt give you a qty box. You should ask over on the woo forums how to do this better.

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 dont think that code will work since Kleo has its own sidebar generator. Ty something like this. Put this in your functions file.

COPY CODE

add_filter('kleo_sidebar_name','my_cpt_sidebar');
function my_cpt_sidebar() {
if (get_post_type( get_the_ID() ) == 'wiki') {
	return 'wiki';
	}
}

This assumes your cpt AND your sidebar are named wiki

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

<?php _e( 'No spaces in usernames allowed.', 'buddypress' ); ?>

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 css

COPY CODE

.main-title {
  background-image: url("https://www.christiansrule.com/wp-content/uploads/2015/02/brickwall.png");
  background-repeat: repeat;
  background-size: inherit;
  background-attachment: scroll;
  background-position: left top;
}

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 functions.php

COPY CODE

/* Add social login to Kleo login modal */
add_action( 'kleo_before_login_form','add_social_to_login_modal' );
function add_social_to_login_modal() {
	
     do_action('oa_social_login');

}

You can also insert your image with that if you want.

If you dont want to do it that way, then edit /page-parts/general-popups.php

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