sharmstr

[sharmstr]

There isnt a shortcode for them. Its added to the layout using

COPY CODE

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

I dont know if there is a plugin that will allow you to add a template into post content.

Each post type has its own template in /kleo/content-xxx.php. (image, video, etc). You can try adding the above get_template_function to those pages before the article content div. But not sure if that will really give you what you’re after.

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 is no number variable you can set for the amount of icons to show. Its all magically calculated by what can fit. There is 20px padding on both sides of each icon. So you can try to reduce that to show more icons.

Put this in your quick css and adjust 20px as necessary (i.e. try 5px)

COPY CODE

#buddypress div#item-nav ul li a {
  padding: 15px 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]

This is the only custom css that you have

COPY CODE

.bpfb_form_container {background:none;}

#buddypress .item-avatar.rounded, 
#buddypress .avatar, 
#item-header-avatar.rounded,
.bp-login-widget-user-avatar,
.bp-login-widget-user-avatar .avatar,
.item-avatar, .item-avatar .avatar
{ border-radius:0px !important; }

body.buddypress.is-user-profile div
#item-header {
min-height: 350px;
}

#buddypress .dropdown-menu li {
background-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]

Not too easy, but this should get you started. Adjust colors and borders as necessary.

@media (max-width: 991px) {
    .kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
        position: fixed !important;
        background-color: transparent;
    }
    .navbar-collapse.nav-collapse.in {
        background-color: #222 !important;
    }
    #header.header-color .navbar-nav li {
        border-top-color: #cccccc;
        border-bottom-color: #cccccc;
    }
}

 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]

Sorry, forgot the search bar. In case you didnt know, the shortcode is

COPY CODE

[kleo_search_form form_style="default" type="both" context=""]

I highly suggest that you enable VC temporarily so you can build elements like the searchbar so you get the exact shortcode code. To do that, start a new page, add the searchbar (or whatever else you want to use), configure it the way you want, then switch to classic mode and copy the shortcode. Once you are done, you can deactivate VC.

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

#buddypress .rounded .hover-element, #buddypress .kleo-rounded .hover-element {
  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]

add this as well and change to whatever color you want

COPY CODE

#buddypress div#item-nav ul li a:hover:before {
  color: black !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]

Can you explain what you mean by ‘needs to look like’? The size of it? If that’s the case, try this css.

COPY CODE

.header-banner, .header-banner img {
  height: 88px;
}

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]

I see.

Try this

COPY CODE

.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu>a, .dropdown-menu li {
  font-size: 14px !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 css

COPY CODE

#buddypress .field-visibility-settings, #buddypress .field-visibility-settings-toggle, #buddypress .field-visibility-settings-notoggle {
    padding: 0;
    margin: 0;
}

#register-page input[type="text"], #register-page input[type="password"], #register-page input[type="date"], #register-page input[type="datetime"], #register-page input[type="datetime-local"], #register-page input[type="month"], #register-page input[type="week"], #register-page input[type="email"], #register-page input[type="number"], #register-page input[type="search"], #register-page input[type="tel"], #register-page input[type="time"], #register-page input[type="url"], textarea {
    margin: 0;
}

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]

Whatver you have set in Settings > Forums > Forums root is merely a placeholder for bbpress. You dont even have to have the page created. But if you do, you’ll break the bbpress magic if you try to add any content to the page. Same thing happens with woo and bp and even wp on some things. For those types of pages, you need to edit the template files or inject code into them.

The best way to do that, is to use add_action functions to inject the code you want. https://codex.wordpress.org/Function_Reference/add_action

In the forums page, there are a few do_action spots you can utilize. For example, at the top of every page on the site there is a kleo_before_main_content action that you can use to add content before the main section. So if you just want to do it for bbpress pages, you can do something like in your childs functions.php file

COPY CODE

add_action('kleo_before_main_content','my_custom_forums_header');
function my_custom_forums_header() {
    if ( is_bbpress() ) {
        echo "This is my forum";
    }
 }

For the bottom you’d use kleo_after_content.

As for the mobile layout, I agree and I’ll talk to the devs about laying it out 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

Attachments:

You must be logged in to view attached files.

[sharmstr]

Your icons are set to transparent. Put this in your quick css and change the color to whatever you want

COPY CODE

.header-color .navbar-nav li .caret:after {
  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]

I’m not sure if this was an oversight or if 7th queen devs just didnt like the look of it. But by default, woo has up and down arrows that appear in the qty box to change it. They aren’t appearing in Kleo. You can add them by putting this in quick css

COPY CODE

.woocommerce input[type=number]::-webkit-inner-spin-button, .woocommerce input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button;
}

.woocommerce .quantity .qty {
    width: 3.631em;
}

I realize this isn’t a dropdown that you’ve requested. If want a dropdown, you’d be better off asking on the woo forums because you’ll need to override their code. Or maybe this will work: http://gerhardpotgieter.com/2013/09/09/woocommerce-product-quantity-dropdown/

I thought I saw a max qty for products somewhere before, but cant find it now. Gooogle it or ask 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]

I came up with a possible fix. I dont know if this is the best way to do it. The devs might come up with something else. But see if this works for you for now.

Go to /kleo/vc_templates/vc_tab.php and change the follow line (around line 10) from this

COPY CODE

$tab_id = ( empty( $tab_id ) || $tab_id == 'Tab' ) ? sanitize_title( $title ) : $tab_id;

to this

COPY CODE

$tab_id = ( empty( $tab_id ) || $tab_id == 'Tab' ) ?  $title  : $tab_id;

Go to /kleo/vc_templates/vc_tabs.php and change the follow line (around line 60) from this

COPY CODE

$tabid = ( isset( $tab_atts['tab_id'] ) ? $tab_atts['tab_id'] : sanitize_title( $tab_atts['title'] ) );

to this

COPY CODE

$tabid = ( isset( $tab_atts['tab_id'] ) ? $tab_atts['tab_id'] :  $tab_atts['title'] );

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 was a 404 page, but I found a table on your site.

The issue is the h1. That’s what has all the padding. There are a few other divs that have some padding that I’ve provided below.

Click on the gear icon at the top of the VC editor and add this css. Edit as needed.

COPY CODE

p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 {
  margin-top: .5em;
}
.pricing-table .pmpro-price {
  padding: 2px 15px;
}
.pricing-table .extra-description {
  padding: 5px 15px 10px;
}

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 code instead of yours.

COPY CODE

add_filter('woocommerce_login_redirect', 'wcs_login_redirect');
function wcs_login_redirect( $redirect ) {
    $redirect = 'http://www.alterverse.com/wp-content/plugins/peters-login-redirect/wplogin_redirect_control.php';
    return $redirect;
}

Then go into peters redirect settings and add this to the “all other users”

COPY CODE

http://www.alterverse.com/members/[variable]username[/variable]

I’ve tested it with my woo login form on the checkout page and it works.

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]

Look at what this produces

COPY CODE

add_action('init','show_profile_url');
function show_profile_url() {
    echo  bp_core_get_user_domain( get_current_user_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]

Its rtmedia.

Anyhow this works for me. See attached example.

COPY CODE

.mfp-bg {
opacity: 1 !important;
}

by default its set to .08

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]

Turn on transparent again, then try this in your quick css. Change the color to whatever you want

COPY CODE

.header-color .navbar-nav li .caret:after {
color: #fff !important;
}

I’ll tell the devs about this.

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]

And you’ll probably need this too

COPY CODE

.container-wrap.main-color {
  background-color: transparent;
}

Change main to whatever section style you have set for the row.

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]

Hmmm. Have you tried setting the background on the body tag instead of the row? The gear icon at the top of the VC editor allows you to add css for that page. So you try doing something like

COPY CODE

body {
  background-image: url(http://linktoyourbgimg);
  background-size: cover;
}

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 search before posting

https://archived.seventhqueen.com/forums/topic/blue-line-under-logo#post-59194

Assuming you’re not using the social section and want to move your top menu over to that position, you can try this

COPY CODE

#top-links {
  display: none;
}
#menu-kleotopmenu {
  float: left;
}
.kleo-top-header .container {
  padding-left: 3px;
}

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]

basic question – are you using the main sidebar or a custom sidebar? If its a custom sidebar, did you set it on the page?

Also, you might want to fix your top menu dropdowns

COPY CODE

.top-menu .dropdown-menu {
  z-index: 1600;
}

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 want to remove likes completely, disable in Theme Options > Social Share.

If you want to just remove the number, use this css

COPY CODE

.item-likes-count, .item-likes-postfix {
  display: none;
}

For the email, use this

COPY CODE

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

Basically the same code/concept. Turn off the search in Theme Options > Header, then add this code to your functions.php file.

COPY CODE

add_filter( 'wp_nav_menu_items', 'add_search_to_menu', 10, 2 );

function add_search_to_menu(  $items, $args ) {

    if ( $args->theme_location != 'top' ) {
        $form = kleo_get_search_menu_item();
        $items .= '<li id="nav-menu-item-search" class="menu-item kleo-search-nav">' . $form . '</li>';
    }
    return $items;
}

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]

For some reason, the devs wrote the code so that the .profile-cover-inner div is only created on the groups page when a user is logged in. Without that div, there’s nothing to apply the tint to. I’ve copied them on this topic to see what they say. In the meantime, you can go to /plugins/buddypress-cover-photo/group-cover and remove the following lines (starting around line 65)

COPY CODE

if ( ! is_user_logged_in() ) {
                return;
            }

Again, I dont know why it was coded this way, so it may cause issues to change it. I did some basic testing and it seems okay.

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 dont edit core files. You override the css either by using your child theme’s styles.css file or by putting your overrides in Theme Options > General > Quick CSS. Here’s the css its using now

COPY CODE

.wpcf7 textarea {
  border: 1px solid rgba(0,0,0,.1);
  background: rgba(255,255,255,.1);
  margin: 0;
  width: 100%;
  color: #bbb;
  padding: 10px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"] {
  border: 1px solid rgba(0,0,0,.1);
  background: rgba(255,255,255,.1);
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  width: 100%;
  margin-bottom: 10px;
  color: #bbb;
}
.wpcf7 input[type="submit"] {
  border: 1px solid rgba(0,0,0,.1);
  background: rgba(255,255,255,.1);
  transition: all .3s ease-in-out 0s;
  border-radius: 2px;
  font-size: 12px;
  height: auto;
  line-height: 18px;
  margin: 0;
  padding: 14px 16px;
  text-transform: uppercase;
  min-width: 100px;
  color: #888;
}

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]

Okay, I’ve been playing with this. But obviously cant test it. So, disable the cart in theme options. Then try this in your child’s functions.php file.

COPY CODE

add_filter( 'wp_nav_menu_items', 'add_cart_to_menu', 9, 2 );

function add_cart_to_menu ( $items, $args )
{
    if ( $args->theme_location != 'top' ) {
        $items .= kleo_woo_get_mini_cart();
    }
    return $items;
}

Again, I have no idea how pmpro is doing the menu switch so it may not work. But it does add the cart to my primary menu even with it disabled in Theme Options.

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 Kleo logic behind the cart looks for the menu that you have set as your primary or top menu. Lets stick with primary in this case since that’s what youre after. Anyhoooo, I’m assuming you have the non-member set as your primary menu in Appearance > Menu. I’ll also assume that PMPro filters the menu to switch it out when someone is logged in. BUT as far as Kleo is concerned, non-members menu is still the primary menu…. because technically it is.

So, if all of that is correct, then I’d say you’ll have to figure out how PMPro filters the menu and add the kleo magic to it.

Here’s how Kleo does is

COPY CODE

/***************************************************
:: Header menu cart
***************************************************/

if ( sq_option( 'woo_cart_location', 'primary' ) != 'off' )
{
	add_filter( 'wp_nav_menu_items', 'kleo_woo_header_cart', 9, 2 );
}

if(!function_exists('kleo_woo_header_cart'))
{
	/**
	 * Add search to menu
	 * @param string $items
	 * @param oject $args
	 * @return string
	 */
	function kleo_woo_header_cart ( $items, $args )
	{
		$cart_location = sq_option( 'woo_cart_location', 'primary' );
		
	    if ( $args->theme_location == $cart_location )
	    {
	        $items .= kleo_woo_get_mini_cart();
	    }
	    return $items;
	}
}

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 putting this in your childs functions.php file.

COPY CODE

add_filter( 'kleo_theme_options_ajax', '__return_false' );

Also, did you try clearing your 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]

Copy /kleo/page-parts/portfolio-masonry.php to your child theme. Search for aq_reize. There should be two of them; one for sliders and one for single images (default). Change those lines, replacing $img_width and $img_height to whatever you want. This obviously wont effect other post types like video.

COPY CODE

$image = aq_resize( $slide, $img_width, $img_height, true, true, true );
$image = aq_resize( $slide, 300, 150, true, true, true );

If you want to change the way it crops or anything else, read about it on the aq_resize wiki: https://github.com/syamilmj/Aqua-Resizer/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]

WP has functions that allow you to control the display of meta boxes: https://codex.wordpress.org/Function_Reference/remove_meta_box

try this

COPY CODE

if ( is_admin() ) { 
	function remove_product_meta_boxes() {
		if( !current_user_can('manage_options') ) {
			remove_meta_box( 'mymetabox_revslider_0', 'product', 'normal' );
			remove_meta_box( 'theme_product', 'product', 'normal' );
			remove_meta_box( 'header_content', 'product', 'normal' );
			remove_meta_box( 'bottom_content', 'product', 'normal' );
			remove_meta_box( 'post_layout', 'product', 'side' );
			// sidebar
        	remove_action('edit_form_advanced', array('sidebar_generator', 'edit_form'));
        	remove_action('edit_page_form', array('sidebar_generator', 'edit_form'));			
		}
	} 
	add_action( 'do_meta_boxes', 'remove_product_meta_boxes' );	
}

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 childs functions.php file. Change 30 and 1081 to the page ids you want to exclude.

COPY CODE

function exclude_single_posts_home($query) {
  if ($query->is_main_query()) {
    $query->set('post__not_in', array(30,1081));
  }
}

add_action('pre_get_posts', 'exclude_single_posts_home');

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

#comments .comment-respond, #comments-list .comment-respond {
margin-left: 5px;
}

You can translate the title.

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, this isnt exactly what you wanted for the menu, but using the below css will hide the main menu until a user starts to scroll.

COPY CODE

.sticky-wrapper.is-sticky {
  display: inline;
}
.sticky-wrapper {
  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]

There was a similar problem with login radius. Maybe try this fix. If it doesnt work, I’m not sure what to tell you. Most of those social login plugins override the bp avatar functions.

COPY CODE

function kleo_menu_user_avatar( $item_output, $item, $depth, $args ) {

    $output = '';

    if ( is_user_logged_in() ) {

        $url = bp_loggedin_user_domain();

        $attr_title = strip_tags( $item->attr_title );

			$output .= '<a title="' . bp_get_loggedin_user_fullname() . '">has_children && in_array($depth, array(0,1)) ? ' js-activated' : '' ) . '" href="' . $url . '" title="' . $attr_title .'">' . bp_get_loggedin_user_avatar(array('width' => 25, 'height' => 25)) . '</a>';
		
        $output .= ( $args->has_children && in_array($depth, array(0,1))) ? ' <span class="caret"></span></a>' : '</a>';

        return $output;
    } elseif ( $args->has_children && in_array( $depth, array( 0, 1 ) ) ) {
        return $item_output;
    } else {
        return '';
    }
}

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

.top-menu .dropdown-menu {
  z-index: 1600;
}

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 code got screwed up when it was pasted. Lets try this again…

COPY CODE

<a href="#" class="kleo-show-login">Log In</a> 

arrrrrg. Its not pasting correctly. Anyhow, replace that rel nofollow junk with class=”kleo-show-login”. That class is what triggers the login.

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]

Go into the advanced settings for PMPro and change the message. Instead of giving users a link to the login page, change it to this

COPY CODE

<a href="#">Log In</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]

Hmmmm. Try this in your child’s functions.php file

COPY CODE

add_action( 'init', 'remove_side_menu', 10 );
function remove_side_menu() {
    if ( !is_user_logged_in() ) {
        remove_filter('wp_nav_menu_items', 'kleo_side_menu_button', 20, 2);
        remove_filter('body_class', 'kleo_offcanvas_classes');
        remove_action('kleo_after_page', 'kleo_show_side_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

[Author]

Posts