Catalin

[Catalin]

Hi, to disable the magnific popup do this:
A.
– open wp-content/themes/kleo/assets/js/app.js
– comment or remove this lines around 620:

COPY CODE

		/* Regular popup images */
		$("a[data-rel^='prettyPhoto'], a[rel^='prettyPhoto'], .article-content a[href$=jpg]:has(img), .article-content a[href$=JPG]:has(img), .article-content a[href$=jpeg]:has(img), .article-content a[href$=JPEG]:has(img), .article-content a[href$=gif]:has(img), .article-content a[href$=bmp]:has(img), .article-content a[href$=png]:has(img)").magnificPopup({
			type: 'image',
			mainClass: 'mfp-img-pop',
			gallery:{
				enabled: true
			}
		});

		/* WordPress Gallery */
		$(".gallery a[href$=jpg], .gallery a[href$=JPG], .gallery a[href$=jpeg], .gallery a[href$=JPEG], .gallery a[href$=png], .gallery a[href$=gif], .gallery a[href$=bmp] :has(img)").parent().magnificPopup({
			delegate: 'a',
			type: 'image',
			mainClass: 'mfp-gallery-pop',
			navigateByImgClick: true,
			gallery: {
				enabled: true,
				navigateByImgClick: true,
				preload: [0,1]
			}
		});

B.
or if you don’t need the login modal you can just comment this around line 33

COPY CODE

kleoPage.magnificPopup();

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

[Catalin]

There is already one added by us .. try to replace the existing one header.php line 25

COPY CODE

<meta name="viewport" content="width=device-width, initial-scale=1.0">

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

[Catalin]

Try replacing line 231 in functions.php with

COPY CODE

$atts['title'] = ! empty( $item->attr_title ) ? $item->attr_title : ( ! empty( $item->title ) ? esc_attr(wp_strip_all_tags($item->title)) : '' );

That should strip tags from the title. Also another solution would be to put a value in the Title Attribute for that item

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

[Catalin]

on point 4 if you don’t want them distorted remove the height rule to become like

COPY CODE

body.category-news div.article-media img
{
  width:600px !important;
}

Also you should take care of this kind of changes since they are custom work. We are here to help for any theme related issues

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

[Catalin]

If you just add the image link it will show as a link. You need to add it with the img tab like:

COPY CODE

<img src="https://cdn.seventhqueen.com/sq-support/wp-content/uploads/2014/10/banner-small.jpg" />

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

[Catalin]

To hide id you can add this CSS

COPY CODE

#group-dir-search {
    display: none;
}

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

[Catalin]

Hi there,
unfortunately it wasn’t thought to have both menus sticky and I can’t say how much work it will imply.

I have tried to come with a JS CSS solution but you need to test it and extend it.

Add this CSS

COPY CODE

#header {
    width: 1200px;
}

and modify this theme file around line 1428
wp-content/themes/kleo/assets/js/app.js

COPY CODE

$(".kleo-main-header").sticky({topSpacing:kleoHeader.spacing});

to

COPY CODE

$("#header").sticky({topSpacing:kleoHeader.spacing});

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

[Catalin]

add this to your style.css file from your child theme:

COPY CODE

@media only screen and (max-width: 767px) {

.top-bar
{
  display:none !important;
}

}

let me know if this helps.

Thank you,
Catalin

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

[Catalin]

Hello,

Add this to your style.css file from your child theme:

COPY CODE

.message
{
  width: 100%;
}

let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

I don’t remember if this was a custom CSS line but to fix this you need to add:

COPY CODE

.activity-list span.avatar, #whats-new-avatar, #activity-stream div.avatar, #activity-stream div.activity-avatar
{
 left: -28px !important;
}

if you allready have this in style.css file from your child theme, you will have to decrease the value from -30px to -28px

Thank you,
Catalin

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

[Catalin]

Hello,

Add this in your style.css file from your chilf theme:

COPY CODE

.top-banner

{
padding:0 !important;
height: xxpx !important;
}

where xxpx is the new size you want to add.

Thank you,
Catalin

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

[Catalin]

Hello,

For redirecting users to a certain page after login, you can use this plugin:

https://wordpress.org/plugins/peters-login-redirect/

and for the second question, the file you need to modify is:

..\wp-content\themes\sweetdate\header.php

the lines where the link to homepage is added are those:

COPY CODE

                    <?php if(is_user_logged_in() ) : ?>
                        <h1 id="logo"><?php bloginfo('name'); ?>
                           <img />" width="294" height="108" alt="<?php bloginfo('name'); ?>">
                        </h1>
                    <?php else : ?>
                        <h1 id="logo"><?php bloginfo('name'); ?>
                            <a>"><img />" width="294" height="108" alt="<?php bloginfo('name'); ?>"></a>
                        </h1>
                    <?php endif; ?>

you will need to copy the header.php file to your child theme folder and modify the code accordingly… with what other option you want to change the logo behavior to?

Thank you,
Catalin

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

[Catalin]

for removing that add this code in your style.css file from your child theme:

COPY CODE

body.my-account .label.radius
{
  display:none !important;
}

let me know if this works.

Thank you,
Catalin

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

[Catalin]

add this to your style.css file from your child theme:

COPY CODE

.navbar-header
{
  margin-left:40% !important
}

you want to center also the logo when sticky menu… you don’t have the menu added.

Thank you,
Catalin

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

[Catalin]

Hello,

Add this to your functions.php code:

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' => 1,
		'add_args' => array_map( 'urlencode', $query_args ),
		'prev_text' => __( '«', 'kleo_framework' ),
		'next_text' => __( '»', '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 increase this line value:

COPY CODE

'mid_size' => 1,

to a higher number.

let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

The speed can be modified from this file:

wp-content\themes\kleo\assets\js\app.js

around line 254:

COPY CODE

scroll: {
items: 1,
duration: 600,
//fx: "crossfade",
easing: "easeInOutExpo",
wipe: true
},

the number you need to modify is 600

we will add this as a standard functionality on a future update also… thank you for pointing this out.

Thank you,
Catalin

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

[Catalin]

Hello,

The file you need to modify is this:

..\wp-content\plugins\buddypress\bp-core\bp-core-widgets.php

around line 94 you have:

COPY CODE

<span class="bp-login-widget-register-link"><?php printf( __( '<a href="%s" title="Register for a new account">Register</a>', 'buddypress' ), bp_get_signup_page() ); ?></span>

you will need to modify this code like:

COPY CODE

<span class="bp-login-widget-register-link"><?php printf( __( '<a href="http://www.mentorschap.be/membership-account/registreren-2/" title="Register for a new account">Register</a>', 'buddypress' ), bp_get_signup_page() ); ?></span>

Thank you,
Catalin

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

[Catalin]

Hello,

Please add this to your style.css file from your child theme:

COPY CODE

#top-social 
{
float:right !important;
}

let me know if this helps.

Thank you,
Catalin

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

[Catalin]

COPY CODE

<?php do_action('icl_language_selector'); ?>

u missed the closing question mark for php

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

[Catalin]

copy header.php to your child theme and after this line:

COPY CODE

	<li class="header-register-button"><a href="#"><i class="icon-group hide-for-medium-down"></i> <?php _e("SIGN UP", 'kleo_framework'); ?></a></li> 

add

COPY CODE

<li><?php do_action('icl_language_selector'); ></li>

you may need some css customization…

let me know if this works…

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

[Catalin]

i added this in functions.php file:

COPY CODE

function kleo_copyright_text()
{
  echo '<p>'. __("Copyright", 'kleo_framework').' © '.date("Y").' '. get_bloginfo('name').'. <br class="hide-for-large show-for-small"/>'. get_bloginfo( 'description' ).'   <a href="#">link1</a>   <a href="#">link2</a>   <a href="#">link3</a>   <a href="#">link4</a></p>';        
}

you will need to alter the code to make it functional, so that means you need some basic development skills…

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

[Catalin]

the theme does not come with Visual Composer… you can use

COPY CODE

[kleo_recent_groups]

to show recent groups

also, please take a look at this plugin:

https://wordpress.org/plugins/bowe-codes/

it can help you to achieve that you want.

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

[Catalin]

the

COPY CODE

 ?> 

sign has to be the last in your functions.php file… the function I gave should work.

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

[Catalin]

I see what you mean now, please add this in your style.css file from your child theme:

COPY CODE

div.footer_location .latest-blog .avatar
{
  margin-bottom: 60px;
}

let me know if this works.

regarding the modifications, you need basic understanding of how CSS works and how you can select elements in layout pages.

Thank you,
Catalin

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

[Catalin]

Hello,

If you are referring to the “Blog” string, to remove it you need to add this code in your style.css file from your child theme:

COPY CODE

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

let me know if this helps.

Thank you,
Catalin

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

[Catalin]

Hello,

3. Add this to your functions.php file from your child theme:

COPY CODE

	function kleo_img_rounded( $atts, $content = null ) {
		extract(shortcode_atts(array(
			'src' => '',
			'class' => '',
			'link' => ''
	    ), $atts));

		$output = '<div class="circle-image '.$class.'">';
		$output .= '  <a>
				<span class="overlay"></span>
				<span class="read"><i class="icon-'.apply_filters('kleo_img_rounded_icon','heart').'"></i></span>
				<img src="'.$src.'" alt="" />
			</a>
		</div>';

	 return $output;
	}

4. take a look here:

http://stackoverflow.com/questions/16550485/hide-div-tag-on-mobile-view-only

the picture needs to have a class or id to be ble to select it… if you send me a link to your website with the picture added I will provide you the code needed

5. that string comes from buddypress plugin and can be changed using: https://wordpress.org/plugins/codestyling-localization/

Thank you,
Catalin

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

[Catalin]

Hello,

Please add this in your style.css file from your child theme:

COPY CODE

#bbpress-forums p.bbp-topic-meta .bbp-author-avatar
{
  display: inline-block;
  padding: 0 10px;
}

#bbpress-forums li.bbp-forum-freshness .bbp-topic-meta,
#bbpress-forums li.bbp-topic-freshness .bbp-topic-meta

{
  display:inline-block !important;
}

let me know if this works.

Thank you,
Catalin

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

[Catalin]

add this to your style.css file from your child theme:

COPY CODE

@media only screen and (max-width: 767px) {
.dl-horizontal dd:before {
  content: none !important;
}

let me know if this works

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

[Catalin]

the problem comes from this class:

COPY CODE

a:not(.button), div#main a:not(.button), #header .form-footer a:not(.button)

do you have custom css code added to this page?

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

[Catalin]

Hello,

Add this code in your function.php file from your child theme:

COPY CODE

function kleo_post_nav( $same_cat = false ) {
	// Don't print empty markup if there's nowhere to navigate.
	$previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( $same_cat, '', true );
	$next     = get_adjacent_post( $same_cat, '', false );

	if ( ! $next && ! $previous ) {
		return;
	}
	?>
	
	<nav class="pagination-sticky member-navigation" role="navigation">
		<?php
		if ( is_attachment() ) :
			previous_post_link( '%link', __( '<span id="older-nav">Go to article</span>', 'kleo_framework' ) );
		else :
            if ($previous) {
                previous_post_link( '%link',  '<span id="older-nav"><span class="outter-title"><span class="entry-title">Prev</span>', $same_cat );
            }
            if ($next) {
			    next_post_link( '%link', '<span id="newer-nav"><span class="outter-title"><span class="entry-title">Next</span>', $same_cat );
            }
        endif;
		?>
	</nav><!-- .navigation -->
	
	<?php
}

let me know if this helps.

Thank you,
Catalin

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

[Catalin]

add the next code in your custom css file updates.css:

COPY CODE

.message-body {

clear: left;

}

let me know if this helps

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

[Catalin]

try this:

COPY CODE

body.single-post .page-title
{
  display:none;
}

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

[Catalin]

you can use this shortcode:

COPY CODE

[kleo_articles display="grid"]

we will add this in the short-code list to appear in the next update.

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

[Catalin]

Hello,

Please add this to your style.cs file from your child theme:

COPY CODE

.sticky.fixed
{
  -webkit-backface-visibility: hidden;
}

let me know if this helps

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

[Catalin]

Hello,

Add this in your style.css file from your child theme:

COPY CODE

#header .is-sticky .kleo-main-header
{

  background-color: rgba(0,0,0,0.4) !important;

}

let me know if this works.

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

[Catalin]

Hello,

Add this to your style.css file from your child theme:

COPY CODE

body.activity .activity-list li.bbp_topic_create .activity-content .activity-inner
{
  border-left:none !important;
}
 
body.activity #activity-stream .message, 
body.activity .activity #activity-stream li
{
  list-style:circle !important;
  border-left:none !important;
}

let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

I see your point… you can add this to your style.css file:

COPY CODE

section.alternate-color .masonry-listing .post-content 
{ 
border: 0; 
}

section.alternate-color .masonry-listing .post-title 
{
    margin-left: -10px;
}

let me know if this works for you.

Thank you,
catalin

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

[Catalin]

Hello,

You should copy the header.php file to your child theme theme and replace:

COPY CODE

<h1 id="logo"><?php bloginfo('name'); ?>
<a>"><img />" width="294" height="108" alt="<?php bloginfo('name'); ?>"></a>
</h1>

with

COPY CODE

  <?php if(is_user_logged_in() ) : ?>
                        <h1 id="logo"><?php bloginfo('name'); ?>
                           <img />" width="294" height="108" alt="<?php bloginfo('name'); ?>">
                        </h1>
                    <?php else : ?>
                        <h1 id="logo"><?php bloginfo('name'); ?>
                            <a>"><img />" width="294" height="108" alt="<?php bloginfo('name'); ?>"></a>
                        </h1>
                    <?php endif; ?>

let me know if this works.

Thank you,
Catalin

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

[Catalin]

Hello,

Sorry for the late reply… the code for changing the color of the “results” word is:

COPY CODE

.pink-text {
color: #xxx;
}

where #xxx is the new color code you want to use…

Thank you,
Catalin

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

[Catalin]

this one:

COPY CODE

body.page-id-2056 #logo,
body.page-id-2056 nav,
{
display:none !important;
}

“,” after nav shouldn’t be there…

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

[Author]

Posts