Radu

[Radu]

Hello,

Please replace css code that I gave you before with these

COPY CODE

.kleo-main-header .navbar-collapse {float:none !important;} 
.kleo-main-header .nav.navbar-nav {float:none !important;}
#header.header-color .navbar-nav li:last-child {float:right;}

Cheers

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

What support service includes ? What not ?

[Radu]

Try like this

COPY CODE

.kleo-main-header .navbar-collapse {
  float: left !important;
}

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

What support service includes ? What not ?

[Radu]

I added this css

COPY CODE

.buddypress div#item-header .toggle-header .bp-toggle-less, .buddypress div#item-header .toggle-header .bp-toggle-more {
	
	background:transparent;
	  border: 1px solid yellow;
}

.buddypress.bp-header-small .profile-cover-action a.button, .bp-header-small:not(.is-user-profile) #buddypress a.button {
	

	background:transparent;
	  border: 1px solid yellow !important;
}

.buddypress.bp-header-small div#item-header .toggle-header .bp-toggle-less, .buddypress.bp-header-small div#item-header .toggle-header .bp-toggle-more {
		  border: 1px solid yellow !important;

	
}

.buddypress div#item-header .toggle-header .bp-toggle-less:hover, .buddypress div#item-header .toggle-header .bp-toggle-more:hover {

    background-color:#444 !important;
    color:#FFF !important;
}

.main-color #buddypress a.button:hover {
    background-color:#444 !important;
    color:#FFF !important;

}

#item-body .item-list-tabs ul li a {
	
	color:#eee !important;
}

http://clarksvilleoutloud.com/members/clarksvilleoutloud/

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

I’ve applied this css to kleo-child/style.css

COPY CODE

.main-color hr, .main-color.container-wrap, .main-color#footer, .main-color#socket, .main-color.social-header, .main-color .top-menu .tabdrop:before, .main-color #top-social .tabdrop:before, .main-color #top-social, .main-color .top-menu > ul, .main-color .kleo-main-header, .main-color .template-page, .main-color .sidebar-right, .main-color .sidebar-left, .main-color .sidebar-extra, .main-color .sidebar-main, .main-color .hr-title, .main-color .nav-tabs, .main-color .nav-pills > li > a, .main-color .kleo-tabs .nav .open > a.dropdown-toggle, .main-color .kleo-tabs .nav .open > a.dropdown-toggle:hover, .main-color .kleo-tabs .nav .open > a.dropdown-toggle:focus, .main-color .kleo-tabs .tabdrop .dropdown-menu, .main-color .dropdown-menu, .main-color .kleo-toggle-menu .kleo-toggle-submenu:before, .main-color #ajax_search_container:before, .main-color #top-social li a, .main-color .top-menu li > a, .main-color .pagination > li > a, .main-color .pagination > li > span, .main-color .callout-blockquote blockquote, .main-color .masonry-listing .post-content, .main-color .list-divider li, .main-color #ajax_search_container, .main-color .form-control, .main-color .feature-item:hover .feature-icon, .main-color .bordered-icons .feature-item.default-icons-size .feature-icon, .main-color .bordered-icons .feature-item.big-icons-size .feature-icon, .main-color input[type="text"], .main-color input[type="password"], .main-color input[type="date"], .main-color input[type="datetime"], .main-color input[type="datetime-local"], .main-color input[type="month"], .main-color input[type="week"], .main-color input[type="email"], .main-color input[type="number"], .main-color input[type="search"], .main-color input[type="tel"], .main-color input[type="time"], .main-color input[type="url"], .main-color textarea, .main-color .activity-timeline, .main-color #buddypress div.item-list-tabs ul li a span, .main-color #buddypress button, .buddypress .main-color a.button, .main-color #buddypress a.button, .main-color #buddypress input[type=submit], .main-color #buddypress input[type=button], .main-color #buddypress input[type=reset], .main-color #buddypress ul.button-nav li a, .main-color #buddypress div.generic-button a, .main-color.bp-full-width-profile div.generic-button a, .main-color #buddypress .comment-reply-link, .main-color #buddypress #whats-new, .main-color #buddypress div.message-search, .main-color #buddypress div.dir-search, .main-color #buddypress .activity-read-more, .main-color #bp-login-widget-submit, .main-color .bbp_widget_login .button.user-submit, .main-color #wp-calendar caption, .main-color .wp-caption, .main-color .widget form#bbp-search-form > div, .main-color .widget_search #searchform > div, .main-color #bp-login-widget-form input[type="text"], .main-color #bp-login-widget-form input[type="password"], .main-color .bbp-login-form input[type="text"], .main-color #buddypress #friend-list .friend-inner-list, .main-color #buddypress #member-list .member-inner-list, .main-color #buddypress #members-list .member-inner-list, .main-color #buddypress #groups-list .group-inner-list, .main-color #buddypress div#item-nav .tabdrop .dropdown-menu, .main-color #buddypress div.profile, .main-color #buddypress #friend-list div.action .generic-button a.send-message, .main-color #buddypress #member-list div.action .generic-button a.send-message, .main-color #buddypress #members-list div.action .generic-button a.send-message, .main-color #buddypress form.standard-form .left-menu img.avatar, .main-color .checkbox-mark, .main-color #buddypress div#group-create-tabs ul li.current a, .main-color .rtmedia-container #rtMedia-queue-list tr td, .main-color #buddypress .standard-form textarea, .main-color #buddypress .standard-form input[type=text], .main-color #buddypress .standard-form input[type=color], .main-color #buddypress .standard-form input[type=date], .main-color #buddypress .standard-form input[type=datetime], .main-color #buddypress .standard-form input[type=datetime-local], .main-color #buddypress .standard-form input[type=email], .main-color #buddypress .standard-form input[type=month], .main-color #buddypress .standard-form input[type=number], .main-color #buddypress .standard-form input[type=range], .main-color #buddypress .standard-form input[type=search], .main-color #buddypress .standard-form input[type=tel], .main-color #buddypress .standard-form input[type=time], .main-color #buddypress .standard-form input[type=url], .main-color #buddypress .standard-form input[type=week], .main-color #buddypress .standard-form select, .main-color #buddypress .standard-form input[type=password], .main-color #buddypress .dir-search input[type=search], .main-color #buddypress .dir-search input[type=text], .main-color .bbp-pagination-links a, .main-color .bbp-pagination-links span, .main-color #bbpress-forums li.bbp-body ul.forum, .main-color #bbpress-forums li.bbp-body ul.topic, .main-color form#new-post, .main-color #bbpress-forums .bbp-form input[type="text"], .main-color .quicktags-toolbar, .main-color .wp_themeSkin tr.mceFirst td.mceToolbar, .main-color .quicktags-toolbar input, .main-color .wp-editor-area, .main-color .rtmedia-container .rtmedia_next_prev a, .main-color .rtmedia-activity-container .rtmedia_next_prev a, .main-color #buddypress div.rtmedia-activity-container .rtmedia_next_prev a, .main-color #rtm-gallery-title-container #rtm-media-options, .main-color #rtMedia-upload-button, .main-color #buddypress #item-body .rtmedia-item-comments .rt_media_comment_form textarea, .main-color .rtmedia-container .rtmedia-editor-main dl.tabs dd > a, .main-color .rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a, .main-color #buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a, .main-color .rtmedia-container .imgedit-wrap div.imgedit-settings .imgedit-group, .main-color #buddypress .rtmedia-container textarea, .main-color #buddypress .rtmedia-container input[type=text], .main-color #buddypress .rtmedia-container input[type=text], .main-color #buddypress .rtmedia-container input[type=color], .main-color #buddypress .rtmedia-container input[type=date], .main-color #buddypress .rtmedia-container input[type=datetime], .main-color #buddypress .rtmedia-container input[type=datetime-local], .main-color #buddypress .rtmedia-container input[type=email], .main-color #buddypress .rtmedia-container input[type=month], .main-color #buddypress .rtmedia-container input[type=number], .main-color #buddypress .rtmedia-container input[type=range], .main-color #buddypress .rtmedia-container input[type=search], .main-color #buddypress .rtmedia-container input[type=tel], .main-color #buddypress .rtmedia-container input[type=time], .main-color #buddypress .rtmedia-container input[type=url], .main-color #buddypress .rtmedia-container input[type=week], .main-color #buddypress .rtmedia-container select, .main-color #buddypress .rtmedia-container input[type=password], .main-color .kleo-toggle-menu .kleo-toggle-submenu, .main-color .kleo-toggle-menu a.remove, .main-color .woocommerce .kleo-cart-totals .totals-wrap, .main-color .kleo-toggle-menu .minicart-buttons .btn-default, .main-color .kleo_ajax_results h4, .main-color .ajax_view_all, .main-color #articles-dir-list article.article-container {
color:#efefef;
}

body.single .wrap-content article.hentry {border:1px solid #555;}
body.single article .article-meta.hentry {border-right:1px solid #555;width:110px;padding: 0 10px}

.post-footer small a span {color:#FFFFFF;}

.item-likes.liked:before, .item-likes:hover:before {color:#EEEEEE;}

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

Add this CSS snippet to your Theme Options -> General Settings -> Quick CSS

COPY CODE

.wpcf7-form input,.wpcf7 textarea {color:#000000 !important;}

That’s all

Cheers

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

What support service includes ? What not ?

[Radu]

Hi,

Just i fixed the image size from members directory etc.. wp-content/themes/kleo/buddypress/members/members-loop.php
I used this,

COPY CODE

<a href="<?php bp_member_permalink(); ?>"><?php bp_member_avatar( 'type=full&width=120&height=120' ); ?></a>

instead of this

COPY CODE

<a href="<?php bp_member_permalink(); ?>"><?php bp_member_avatar(); ?></a>

Cheers

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

What support service includes ? What not ?

[Radu]

Hi again,

Please insert this function to your kleo-child/functions.php

COPY CODE

function kleo_pagination( $pages = '', $echo = true ) {

    $output = '';
    if( $pages == '' )
    {
        global $wp_query;
        $pages = $wp_query->max_num_pages;
        if( ! $pages )
        {
            $pages = 1;
        }
    }

    // Don't print empty markup if there's only one page.
    if ( $pages < 2 ) {
        return;
    }

    $paged        = get_query_var( 'paged' ) ? intval( get_query_var( 'paged' ) ) : 1;
    $pagenum_link = html_entity_decode( get_pagenum_link() );
    $query_args   = array();
    $url_parts    = explode( '?', $pagenum_link );

    if ( isset( $url_parts[1] ) ) {
        wp_parse_str( $url_parts[1], $query_args );
    }

    $pagenum_link = remove_query_arg( array_keys( $query_args ), $pagenum_link );
    $pagenum_link = trailingslashit( $pagenum_link ) . '%_%';

    $format  = $GLOBALS['wp_rewrite']->using_index_permalinks() && ! strpos( $pagenum_link, 'index.php' ) ? 'index.php/' : '';
    $format .= $GLOBALS['wp_rewrite']->using_permalinks() ? user_trailingslashit( 'page/%#%', 'paged' ) : '?paged=%#%';

    // Set up paginated links.
    $links = paginate_links( array(
        'base'     => $pagenum_link,
        'format'   => $format,
        'total'    => $pages,
        'current'  => $paged,
        'mid_size' => 2,
        'add_args' => array_map( 'urlencode', $query_args ),
        'prev_text' => __( 'Previous', 'kleo_framework' ),
        'next_text' => __( 'Next', 'kleo_framework' ),
        'type' => 'array'
    ) );

    if ( $links ) {
        $output .= '<nav class="pagination-nav clear" role="navigation">'
            . '<ul class="pagination">';

        foreach ($links as $link) {
            $output .= '<li>' . $link . '</li>';
        }

        $output .= '</ul>'
            . '</nav><!-- .navigation -->';
    }

    if ($echo ) {
        echo $output;
    }
    else {
        return $output;
    }
}

And replace the css with this

COPY CODE

.pagination>li>a, .pagination>li>span {
color:#474747;
border:solid 1px #B6B6B6;
padding:0 9px 6px 9px;
background:#E6E6E6;
background:-moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6);
background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6)); 
border-radius:3px;
color:#777!important;
}
 
ul.pagination li a:hover,
ul.pagination li a.current,
ul.pagination>li span:hover,
ul.pagination li span a:hover { background:#FFFFFF !important; }
 
.pagination > li > span.current {
border-radius:3px;
background:#FFFFFF;
}
 
.pagination>li>a.page-numbers {
border-radius:3px;
}

.pagination>li>a.prev {width:auto;}
.pagination>li>a.next {width:auto;}

Cheers

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

What support service includes ? What not ?

[Radu]

For friend request layout i added this css

COPY CODE

#buddypress #friend-list .item-title, #buddypress #member-list h5, #buddypress #members-list .item-title {margin:20px auto; text-align:center;}
#buddypress ul.item-list li img.avatar {width:100% !important;}
#buddypress #friend-list .rounded {margin:0 15% !important;}

It should to be ok

For the avatar size try to do this : http://buddydev.com/buddypress/changing-default-avatar-size-croppedused-by-buddypress/

Or provide me ftp

Let me know if it works.

Cheers

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

What support service includes ? What not ?

[Radu]

Hi HouseQuake,

If your issue is related to youtube player height use this fix

COPY CODE

.article-content iframe {max-height:320px}

Add this code to your Theme Options -> General Settings -> Quick CSS.

If your issue is not related to player height, please describe your problem.

Let me know if it works

Cheers

Radu

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

What support service includes ? What not ?

[Radu]

Replace this :

COPY CODE

#member-list > li > div > div.item-avatar.rounded {margin: 0 auto !important;}

with this

COPY CODE

#member-list > li > div > div.item-avatar.rounded {margin: 0 auto !important;float:none !important;}

I forgot to declare float:none !important;

It’s ok now ?

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

What support service includes ? What not ?

[Radu]

from

COPY CODE

if( is_user_logged_in() && bp_is_members_component() ) { ?> <div class=”bph_xprofile_fields” style=” margin-left: 35%;”> <br />

needs to be

COPY CODE

if( is_user_logged_in() && bp_is_members_component() ) { ?> <div class=”bph_xprofile_fields”>

And the css
#member-list > li > div > div.item-avatar.rounded > a > img {width:190px;}
#member-list > li > div > div.item-avatar.rounded {margin: 0 auto !important;}

You need to put this in Theme Options -> General settings -> Quick CSS area or in Kleo-Child/style.css

Cheers

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

What support service includes ? What not ?

[Radu]

Try like this

COPY CODE

#member-list > li > div > div.item-avatar.rounded > a > img {width:190px;}  

#member-list > li > div > div.item-avatar.rounded {margin: 0 auto !important;}

It should be ok

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

Please take look, it should to be ok

i applied this CSS :

COPY CODE

#buddypress #friend-list li div.item-avatar, #buddypress #member-list li div.item-avatar, #buddypress #members-list li div.item-avatar {
  border-style: solid;
  border-width: 5px;
  width: 190px;
  height: 190px
}
#buddypress #members-list li div.item-avatar img.avatar {width:100%;}
#buddypress #members-list li div.item-avatar {float:none !important;margin:0 auto;}
#buddypress #members-list li div.item div.generic-button.block-this-user {text-align:center;margin:10px 0;}
#members-dir-list ul#members-list .item-avatar .kleo-online-status {
  width: 14px;
  height: 14px;
  bottom: 6px;
  right: 20px;
}

the only thing that you need to do is to delete that margin-left:35%; (see screenshot)

Let me know if is ok.

Cheers

Radu

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

What support service includes ? What not ?

[Radu]

Hello,

Try with this css snippet :

COPY CODE

#buddypress #members-list li div.item-avatar {
    width: 100px;
    display: block;
    height: 100px;
    text-align: center !important;
    margin: 0 auto !important;
    float: none;
}
#members-list .item-meta {text-align: center;}
#buddypress ul.item-list li div.item-title {margin-left: 0;margin-right: 0;}
#buddypress #members-list .item-title {margin-left: 0;margin-right: 0;text-align: center;}
#buddypress #members-list .item-meta {margin-left: 0;margin-right: 0;text-align: center;}
ul#members-list li.kleo-masonry-item .member-inner-list{
}
#buddypress #friend-list div.item, #buddypress #members-list div.item, #buddypress #member-list div.item {
    color:#FFF;
}
#buddypress #members-list .item-title a {
    font-weight: bold;
}
#buddypress #members-list li div.item-avatar img.avatar {width:100%}

Let me know if is ok

Cheers

RAdu

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

What support service includes ? What not ?

[Radu]

Done,

I used this css code

COPY CODE

.kleo-main-header.header-normal {position:fixed !important;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

What support service includes ? What not ?

[Radu]

Hello,

Try this css

Pagination Style 1

COPY CODE

.pagination>li>a, .pagination>li>span {
color:#474747;
border:solid 1px #B6B6B6;
padding:0 9px 6px 9px;
background:#E6E6E6;
background:-moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6);
background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6)); 
border-radius:3px;
color:#777!important;
}

ul.pagination li a:hover,
ul.pagination li a.current,
ul.pagination>li span:hover,
ul.pagination li span a:hover { background:#FFFFFF !important; }

.pagination > li > span.current {
border-radius:3px;
background:#FFFFFF;
}

.pagination>li>a.page-numbers {
border-radius:3px;
}

Add this css to Theme Options -> General settings -> Quick CSS or in your child theme ( kleo-child/style.css )

I think it’s ok

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

Try with this css

COPY CODE

.kleo-main-header.header-normal{
position:fixed !important;

}

You can add this snippet in Theme Options -> General Settings -> Quick CSS or in kleo-child/style.css

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

Add this snippet to Theme Options -> General Settings -> Quick CSS

COPY CODE

@media (max-width: 600px) {

.feature-item.default-icons-size.center-icons .feature-icon, .feature-item.big-icons-size.center-icons .feature-icon {

    left:5%
}

}

Let me know if it works.

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

What support service includes ? What not ?

[Radu]

Copy the single-portfolio.php from wp-content/themes/kleo to -> wp-content/kleo-child/ then here edit single-portfolio.php and add after this disqus script code

COPY CODE

    <div class="container">
    <div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES * * */
        var disqus_shortname = 'rdutest2';
        
        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
    </div>

Then replace rdutest2 with your disqus website name.

If you want to have also in portfolio archive page copy the archive-portfolio.php from kleo to kleo-child and add that code after the

NOTE : to fit with the theme wrapper you need to put the code in this div

Cheers

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

What support service includes ? What not ?

[Radu]

Try this

COPY CODE

#item-body .profile .dl-horizontal dt {text-align:left;}

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

What support service includes ? What not ?

[Radu]

Hello,

This issue is caused by ratio of that photos,

Try to add pictures with same ratio, and will look better.

I can give you a little fix for this, but this will stretch the photo

COPY CODE

.rtmedia-container .rtmedia-item-thumbnail img, .rtmedia-activity-container .rtmedia-item-thumbnail img, #buddypress div.rtmedia-activity-container .rtmedia-item-thumbnail img {
  min-height: 183px; }

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

Thank you !

Try with this CSS

COPY CODE

#buddypress #item-body #subnav ul li { background-color :#BBBBBB; padding:0px;margin-right:3px; border-radius:2px !important}
#buddypress #item-body #subnav ul li a { color:#fff;font-weight:bold; line-height:1em }
#buddypress #item-body #subnav ul li#new-personal-li {background-color:tomato; line-height:1em;padding:2px;border-radius:2px !important}
#buddypress #item-body #subnav ul li:hover{ background-color:#666; }

Let me know if is ok.

Cheers

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

What support service includes ? What not ?

[Radu]

How it works.

I see that images have only 531 px width ( http://www.5starweddingmagazine.com/wp-content/uploads/2015/05/april-bloom-sml-221.jpg – Original uploaded file.)

Try to upload image with width larger..

It should work.

Referring to captioned images, apply this css code to your Theme Options -> General Settings -> Quick CSS area

COPY CODE

.wp-caption {background-color:transparent !important;border:none !important;}

In my opinion it look better with border but without background also try like this

COPY CODE

.wp-caption {background-color:transparent !important;}

Cheers

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

What support service includes ? What not ?

[Radu]

Hello Wavez,

Sorry for this inconvenience…

This issue will be fixed in next theme update.

Here is a fix for this problem ( see attachment )

Upload this file ( post-content-masonry.php ) to kleo-child/page-parts/

This issue was caused by preload=0, this it should be preload=none

COPY CODE

---BUG---
if ( !empty( $bg_video_args ) ) {
	$attr_strings = array(
			'preload="0"'
	);


---FiX---

if ( !empty( $bg_video_args ) ) {
	$attr_strings = array(
			'preload="none"'
	);

Let me know if it works.

Cheers

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

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[Radu]

Hello,

Try like this

COPY CODE

#buddypress div#item-nav ul li.current.selected a:before {	
color:red !important;
}

Add this little snippet to your Theme Options -> General settings -> Quick CSS area or paste to kleo-child/style.css

Let me know if it works.

Cheers

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

What support service includes ? What not ?

[Radu]

Sorry…

use this instead

COPY CODE

#buddypress div#item-nav ul li a:before{font-size:2.5em}

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

What support service includes ? What not ?

[Radu]

Try to add this in Theme Options -> General settings -> Quick CSS

COPY CODE

#buddypress div#item-nav ul li.current a:before{font-size:2.5em}

It should work.

Cheers

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

What support service includes ? What not ?

[Radu]

Hello again,

Add this snipped to your kleo-child/functions.php

COPY CODE

function kleo_remove_title() {

remove_action('kleo_before_main_content', 'kleo_title_main_content');
}

add_action('wp_head','kleo_remove_title', 20);

Then you need to go Theme Options -> Layout Settings -> Page Title location -> Select MAIN SECTION

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

I added in your kelo-child/functions.php this function that will exclude certain categories.

COPY CODE

function exclude_category_home( $query ) {
    if ( $query->is_home() && $query->is_main_query() ) {
        $query->set( 'cat', '-2,-80' );
    }
}
add_action( 'pre_get_posts', 'exclude_category_home' );

If you want to add more categories, just separate them with commas.

Let me know if is ok.

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

You can do the menu transparent by navigating to Wp-Admin -> Theme Settings -> Header Options -> Set ON Transparent Main Menu ( see attachment )

For the font color changing use this CSS.

COPY CODE

.navbar-transparent.on-dark-bg #header .logo a, .navbar-transparent.on-dark-bg .navbar .navbar-nav>li>a, .navbar-transparent.on-dark-bg .navbar .navbar-nav .caret:after {
color:red;
}

Add this code to Theme Options -> General Settings -> Quick CSS area, or you can paste this code to kleo-child/style.css

Replace red with your desired color.

Cheers

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

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[Radu]

Hello,

Try with this function

COPY CODE

add_filter('bpcp_max_upload_size', 'set_cover_upload_size');
function set_cover_upload_size() {
	return '2000';
}

If your file size is lager than 2000kb increase it to what value you want.

Let me know if it works.

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

What support service includes ? What not ?

[Radu]

Hello,

If you talking about about that big quotes, just like that :

Go to WP-Admin -> Theme Settings -> Quick CSS

Paste that css code line.

COPY CODE

.testimonial-image {display:none;}

Let me know if it works.

Cheers

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

What support service includes ? What not ?

[Radu]

Hello again,

Login to FTP, go to : wp-content/themes/kleo-child/functions.php open this file and replace with this content :

COPY CODE

<?php
/**
 * @package WordPress
 * @subpackage Kleo
 * @author SeventhQueen <themesupport@seventhqueen.com>
 * @since Kleo 1.0
 */

/**
 * Kleo Child Theme Functions
 * Add custom code below
*/


function Extra_Fields_Members_Directory() {

    $location = bp_get_member_profile_data('field=Location');
    $specialization = bp_get_member_profile_data('field=Specialization');
    if ($specialization || $location) {

        echo '<div class="mdetcenter">'. 'Location : ' . $location . '</div>';
        echo '<div class="mdetcenter">'. 'Specialization : ' . $specialization . '</div>';

    }
}

add_action(bp_directory_members_item, Extra_Fields_Members_Directory);

Then you need to load the CSS, go to : wp-content/themes/kleo-child/style.css and paste this snippet into style.css

That’s all.

COPY CODE

div.mdetcenter {text-align:center;}
#buddypress #members-list li div.item-avatar {
    width: 100px;
    display: block;
    height: 100px;
    text-align: center !important;
    margin: 0 auto !important;
    float: none;
}
#members-list .item-meta {text-align: center;}
#buddypress ul.item-list li div.item-title {margin-left: 0;margin-right: 0;}
#buddypress #members-list .item-title {margin-left: 0;margin-right: 0;text-align: center;}
#buddypress #members-list .item-meta {margin-left: 0;margin-right: 0;text-align: center;}
ul#members-list li.kleo-masonry-item .member-inner-list{
    background-color :#333333 !important;
}
#buddypress #friend-list div.item, #buddypress #members-list div.item, #buddypress #member-list div.item {
    color:#FFF;
}
#buddypress #members-list .item-title a {
    color : #FFFFFF !important;
    font-weight: bold;
}

Let me know if is ok.

Cheers

Radu

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

What support service includes ? What not ?

[Radu]

Hello,

Unfortunately this functionality is not available yet, and will be added in KLEO 3.0 which will be released next month.

You can match the elements via CSS something like that :

COPY CODE

.template-page h1 {color:red !important;}
.template-page h2 {color:yellow !important;}
.template-page h3 {color:green !important;}
.template-page h4 {color:tomato !important;}
.template-page h5 {color:blue !important;}
.template-page h6 {color:gray !important;}

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

Replace this file : kleo/wp-content/themes/kleo/buddypress/members/members-loop.php with this file (see attachment unzip and replace)

Then add to your kleo child ( kleo/wp-content/themes/kleo-child/functions.php ) this content

COPY CODE

function Extra_Fields_Members_Directory() {

    $location = bp_get_member_profile_data('field=Location');
    $specialization = bp_get_member_profile_data('field=Specialization');
    if ($specialization || $location) {

        echo '<div class="mdetcenter">'. 'Location : ' . $location . '</div>';
        echo '<div class="mdetcenter">'. 'Specialization : ' . $specialization . '</div>';

    }
}

add_action(bp_directory_members_item, Extra_Fields_Members_Directory);

You need to create that exact fields ( Location, Specialization ) otherwise the fields will not appear.

Also in kleo-child directory look for style.css file and paste this snippet

COPY CODE

div.mdetcenter {text-align:center;}
#buddypress #members-list li div.item-avatar {
    width: 100px;
    display: block;
    height: 100px;
    text-align: center !important;
    margin: 0 auto !important;
    float: none;
}
#members-list .item-meta {text-align: center;}
#buddypress ul.item-list li div.item-title {margin-left: 0;margin-right: 0;}
#buddypress #members-list .item-title {margin-left: 0;margin-right: 0;text-align: center;}
#buddypress #members-list .item-meta {margin-left: 0;margin-right: 0;text-align: center;}
ul#members-list li.kleo-masonry-item .member-inner-list{
    background-color :#333333 !important;
}
#buddypress #friend-list div.item, #buddypress #members-list div.item, #buddypress #member-list div.item {
    color:#FFF;
}
#buddypress #members-list .item-title a {
    color : #FFFFFF !important;
    font-weight: bold;
}

Cheers

Radu

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

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[Radu]

You need to set featured image for that…

Just use this code

COPY CODE

[vc_row inner_container="no" section_type="main" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="0" padding_bottom="0" min_height="0" border="none" css_animation="right-to-left"][vc_column width="1/1"][rev_slider_vc alias="HomeFullwidth"][/vc_column][/vc_row][vc_row inner_container="no" section_type="footer" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="30px" padding_bottom="0" min_height="0" border="none" css_animation="right-to-left" type="color" bg_color="#000000"][vc_column width="1/1"][kleo_portfolio display_type="overlay" title_style="normal" columns="3" pagination="no" filter="yes" excerpt="yes" category="All" item_count="12"][/vc_column][/vc_row]

It’s identical like in demo.

Just set your page full width.

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

What support service includes ? What not ?

[Radu]

Try with this.. it should work

COPY CODE

#groups-list .group-subscription-options { line-height: 20px !important; }

Cheers

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

What support service includes ? What not ?

[Radu]

Hello,

Try to disable jetpack and wp-engine cdn, it seems part of the scripts are missing

COPY CODE

<script type='text/javascript'>
/* <![CDATA[ */
var BP_DTheme = {"accepted":"Accepted","close":"Close","comments":"comments","leave_group_confirm":"Are you sure you want to leave this group?","mark_as_fav":" ","my_favs":"My Favorites","rejected":"Rejected","remove_fav":" ","show_all":"Show all","show_all_comments":"Show all comments for this thread","show_x_comments":"Show all %d comments","unsaved_changes":"Your profile has unsaved changes. If you leave the page, the changes will be lost.","view":"View"};
/* ]]> */
</script>

This code need to be loaded before :

But in your page that snippet is missing.

If you disable , wp-engine cnd and jetpack and this problem is not solved, disable all plugins that not comes with the theme one by one and recheck if is working.

Cheers

Radu

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

What support service includes ? What not ?

[Radu]

This reply has been set as private.

[Radu]

Sorry but the wp admin or pass is not correct i cannot login.

Try again please here is the code :

COPY CODE

[vc_row inner_container="yes" section_type="main" type="video" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" min_height="0" border="none" css_animation="right-to-left" bg_video_src_webm="http://seventhqueen.com/themes/kleo/wp-content/uploads/2014/09/video_street.webm" padding_top="0" padding_bottom="0" text_color="#ffffff" bg_video_src_mp4="http://seventhqueen.com/themes/kleo/wp-content/uploads/2014/09/video_street.mp4" bg_image="3214" bg_video_src_ogv="http://seventhqueen.com/themes/kleo/wp-content/uploads/2014/09/video_street.ogg" bg_video_cover="915" enable_parallax="" overflow="" visibility="" vertical_align="yes"][/vc_row][vc_column width="1/1"][/vc_column][kleo_gap size="200px"][kleo_gap size="30px"][vc_column_text css_animation="right-to-left"][/vc_column_text]

And then make settings like in screenshots.

Cheers

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

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[Author]

Posts