Catalin

[Catalin]

Hello,

Try this instead:

COPY CODE

.button:hover, .button:focus, .form-search .button, .form-search .button:hover
{
   your css code
}

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

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 code in your functions.php file from your child theme folder:

COPY CODE

function add_phone()
{

    echo '<p>Phone number</p>';

}

add_action( 'kleo_after_breadcrumb','add_phone');

You will need to add some css code to style it based on your theme design,

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 code in your style.css file from your child theme:

COPY CODE

.wp-caption.aligncenter {
clear: none;
}

We will add this fix in the next theme update also, thanks for pointing this to us.

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,

Hi,
Those are generated by Buddypress and you can change them by adding this code to wp-content/plugins/bp-custom.php. If the fie doesn’t exit create it:

COPY CODE

function kleo_change_profile_tab() {
global $bp;
 
$bp->bp_nav['profile']['position'] = 10;
$bp->bp_nav['activity']['position'] = 20;
$bp->bp_nav['friends']['position'] = 30;
$bp->bp_nav['groups']['position'] = 40;
$bp->bp_nav['blogs']['position'] = 50;
$bp->bp_nav['messages']['position'] = 60;
$bp->bp_nav['settings']['position'] = 70;
}
add_action( 'bp_setup_nav', 'kleo_change_profile_tab', 999 );
 
define( 'BP_DEFAULT_COMPONENT', 'profile' );

Change the order in the above arrays if you like.

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,

You need to copy this file:

..\themes\sweetdate\page-templates\right_sidebar.php

to your child them keeping the same folder structure and modify this rows:

COPY CODE

<div id="main-content" class="eight columns">

<?php add_filter('kleo_sidebar_class', create_function('', 'return "four";')); ?>

instead of eight you can put nine and instead of four you can put three… you will need to restyle some widgets tho.

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,

Add this:

COPY CODE

[kleo_h1]
It all starts with a 
<img src="path to your image" />
[/kleo_h1]

You can use an inline style for the img tag… XXpx needs to be adjusted based on your needs.

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 code in your style.css file from your child theme folder:

COPY CODE

.widgets-container #baba-2 ul li:before
{
  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]

Hello,

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

COPY CODE

.picture-gallery a.picture-thumb img
{
   border-radius: 0 !important;
}

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,

Since I am not able to view your site I will give you the code used in the Kleo demo site:

COPY CODE

.header-color .top-menu li > a, .header-color #top-social li a 
{
color: rgba(xx,xx,xx, x.x);
}

where rgba(xx,xx,xx, x.x) explanation can be found here:

http://www.w3schools.com/cssref/css_colors_legal.asp

The code alter the social media color too.

You need to add this in your style.css file from your child theme.

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,

This standard BuddyPress functionality. take a look at this link:

http://buddypress.org/support/topic/remove-profile-links-2/

To remove this, add in your functions.php file from your child theme this code:

COPY CODE

remove_filter( 'bp_get_the_profile_field_value', 'xprofile_filter_link_profile_data', 2 );

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 functions.php file from your child theme.

COPY CODE

function custom_icon()
{

    echo "<li><a href="" target="_blank" title=""><i class="">custom</i></a></li>";

}

add_action( 'kleo_extra_social_icons','custom_icon');

You need to create your link with new classes and icon tho.

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 need to edit the header.php file from the base theme folder and after line 85 you should add something like this:

COPY CODE

<span style="padding-left:25px;"">Phone: xxxxxxxxxxx </span>

the new code with the added line should look like this:

COPY CODE

					<li class="nine columns">
						<?php do_action('kleo_before_top_links');?>

						<?php if(sq_option('owner_email')): ?>
						<a>"><i class="icon-envelope"></i>   <?php echo sq_option('owner_email'); ?></a>
						<?php endif; ?>
                        <span style="padding-left:25px;"">Phone: xxxxxxxxxx</span>
					</li>

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 take a look in this file:

..\kleo\page-parts\general-popups.php

to see the template of the modal.

To add a link that opens the modal you need to create a link tag and add “bp-menu bp-login-nav” class or “bp-menu bp-register-nav” class to its structure.

like

COPY CODE

<a href="#"></a>

Thank you,
Catalin

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,

2 separate tasks… for 2) add this code in your functions.php file from your child theme:

COPY CODE

function my_reg_page( $register_url ) {
    return pmpro_url("levels");
  }

add_filter( 'register_url','my_reg_page',9999);

add_filter( 'bp_get_signup_page','my_reg_page',9999);

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,

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

COPY CODE

body.home-page section.main-title
{
   display:none;
}

To change the color of the grey border take a look in the theme options at Styling options/header. Take a look to my screenshot.

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

Attachments:

You must be logged in to view attached files.

[Catalin]

Hello,

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

COPY CODE

body.registration #header,
body.registration #footer,
body.registration #socket
{
  display:none;
}

The short-codes available can be found in the visual composer menu. Please take a look at my screenshot.

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

Attachments:

You must be logged in to view attached files.

[Catalin]

Hello,

You need to add this code:

COPY CODE

<li><?php get_template_part( 'page-parts/posts-social-share' ); ?></li>

in this file: wp-content/plugins/bbpress/templates/default/bbpress/loop-replies.php

after this line:

COPY CODE

</li><!-- .bbp-body -->

This customization may require custom CSS work.

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 take a look at his file:

..\sweetdate\framework\functions\breadcrumb.php around line 104. There you have the function where the breadcrumbs are created.

COPY CODE

	if ( !is_front_page() && $args['show_home'] ) {

		if ( is_multisite() && true === $args['network'] ) {
			$trail[] = '<a href="' . network_home_url() . '">' . $args['show_home'] . '</a>';
			$trail[] = '<a href="' . home_url() . '" title="' . esc_attr( get_bloginfo( 'name' ) ) . '" rel="home">' . get_bloginfo( 'name' ) . '</a>';
		} else {
			$trail[] = '<a href="' . home_url() . '" title="' . esc_attr( get_bloginfo( 'name' ) ) . '" rel="home">' . $args['show_home'] . '</a>';
		}
	}

If you want to change the text “Home” you need to modify thi array from the same file ( around line 25 )

COPY CODE

	$defaults = array(
		'container'  => 'ul', // div, nav, p, etc.
		'container_class' => '',
		'item_tag' => 'li',
		'separator'  => '',
		'before'     => '',
		'after'      => false,
		'front_page' => true,
		'show_home'  => __( 'Home', 'kleo_framework' ),
		'network'    => false,
		'echo'       => true
	);

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 template file can be found here:

..\wp-content\themes\kleo\page-parts\general-popups.php

To add lost password link in the file take a look at this link:

http://codex.wordpress.org/Function_Reference/wp_lostpassword_url

To add other social login modes, you can use this plugin:

https://wordpress.org/plugins/oa-social-login/faq/

the code that needs to be added in the template is this:

COPY CODE

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

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 the following code to your sweetdate-child/functions.php file:

COPY CODE

function kleo_my_hearts_actions() 
{
   /* disable matching on member profile */
    remove_action('kleo_bp_before_profile_name', 'kleo_bp_compatibility_match');      
 
    /* Replace the heart over images */
    add_filter('kleo_img_rounded_icon', 'my_custom_icon');
}

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,

Add this code in your style.css file from your theme folder:

COPY CODE

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-single-meta-contents
{
  padding: 10px 20px 0 10px !important;
}

button.rtmedia-like
{
  padding:0 !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,

You need to go to this file:

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

and remove this part (around line 478 to 499)

COPY CODE

    /* Login modal */
    $('.kleo-show-login, .bp-menu.bp-login-nav a, .must-log-in > a').magnificPopup({
      items: {
        src: '#kleo-login-modal',
        type: 'inline',
        focus: '#username'
      },
      preloader: false,
      mainClass: 'kleo-mfp-zoom',

      // When elemened is focused, some mobile browsers in some cases zoom in
      // It looks not nice, so we disable it:
      callbacks: {
        beforeOpen: function() {
          if($(window).width() < 700) {
            this.st.focus = false;
          } else {
            this.st.focus = '#username';
          }
        }
      }
    });

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 need to add this code in your style.css file from your child theme:

COPY CODE

.button.alert:hover, .button.alert:focus {
background-color: #xxx;
border: 1px solid #xxx;
}

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 code in your style.css file from your child theme folder:

COPY CODE

.posted_in
{
  display:none;
}

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,

You can use this plugin:

https://wordpress.org/plugins/add-to-any/faq/

and add the php code you can find in the FAQ page in this file:

..\wp-content\themes\sweetdate\members\single\member-header.php

after line 52:

COPY CODE

<img />'full','width' => 580, 'height' => 580, 'html' => 0) ); ?>" class="avatar photo" alt="">

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,

For rounded corners add this code in your style.css file from the child theme:

COPY CODE

.kleo-form-modal
{
  border-radius: 15px;
}

.kleo-pop-title-wrap
{
  border-top-left-radius: 15px;
 border-top-right-radius: 15px;
}

to style lost pasword link you can select it by using:

COPY CODE

#kleo-login-modal a.kleo-show-lostpass
{
  code you want to add
}

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,

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

COPY CODE

#profile .user-nicename
{
  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]

Hello,

The file where the header div can be found here:

..\wp-content\themes\kleo\page-parts\general-header-section.php

You need to copy this file in the child theme and modify it as follows:

replace this code (starts with line 100)

COPY CODE

<a href="<?php echo home_url();?>">

								<?php if ($logo_path != '') { ?>

									<img id="logo_img" title="<?php bloginfo('name'); ?>" src="<?php echo $logo_path; ?>" alt="<?php bloginfo('name'); ?>">

								<?php } else { ?>

									<?php bloginfo('name'); ?>

								<?php } ?>

							</a>

with this code

COPY CODE

						<a href="<?php echo home_url();?>">

								<?php if ($logo_path != ''&& is_user_logged_in()) { ?>

									<img id="logo_img" title="<?php bloginfo('name'); ?>" src="<?php echo $logo_path; ?>" alt="<?php bloginfo('name'); ?>">

								<?php } ?>

							</a>

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 code in your style.css file from the child theme folder:

COPY CODE

#breadcrumbs-wrapp .inline-list li a:hover
{
   color:#xxx;
}

where #xxx is the new color you want to use.

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 code in your style.css file from the child theme folder:

COPY CODE

.circular-item
{
  display:none;
}

To change its functionality you need to create custom code which implies solid php knowledge.

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 code for the widgets from footer can be found here:

..\wp-content\themes\kleo\sidebar-footer.php

you can remove one column by deleting this code:

COPY CODE

<div class="col-sm-3">
						<div id="footer-sidebar-4" class="footer-sidebar widget-area" role="complementary">
							<?php
							if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-4')): 
							endif;
							?>
						</div>
					</div>

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 code in your style.css file from your theme folder:

COPY CODE

.wp-editor-wrap {
width: 100% !important;
}


.bbp-attachments li.bbp-atthumb
{
  width: auto !important; 
}

The bugs comes from this plugin:

http://www.x-planepilots.org/wp-content/plugins/cm-download-manager-pro/views/resources/app.css?ver=3.9.1

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 take a look at this file:

..\wp-content\themes\sweetdate\page-parts\general-login-modal.php

around line 23

For changing the button add this code in your style.css file from your child theme:

COPY CODE

.button.alert {
background-color: #xxx;
border: 1px solid #xxx;
}

where xxx is the new color you want.

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 code in your style.css file from the child theme folder:

COPY CODE

@media only screen and (max-width: 767px) {
 .reveal-modal{
      width: 392px !important;
      left: 75% !important;
 }
}

Let me know if this works.

This is a custom fix based on your theme customization not a bug for the theme.

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 code in your style.css file from your child theme folder:

COPY CODE

body.home-page .kleo-carousel li

{
  width:6em !important;
}

.header-color .kleo-main-header
{
  border-color:transparent !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,

Please go to header.php file from your theme folder root and remove

COPY CODE

data-reveal-id="login_panel"

from

COPY CODE

  <li><a href="#"><i class="icon-user hide-for-   medium-down"></i> <?php _e("LOG IN", 'kleo_framework'); ?></a></li>

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 style.css file from your child theme folder:

COPY CODE

.rounded
{
  color: rgba(0, 0, 0, 0);
}

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 disableing the icon from profile, add this code in functions.php file from your child theme folder:

COPY CODE

	
// Remove forums menu item
function my_setup_nav() {
      global $bp;
 
      unset($bp->bp_nav['forums']);
}
 
add_action( 'bp_setup_nav', 'my_setup_nav', 1000 );

for hiding it in groups, add this to your style.css file from your theme folder:

COPY CODE

li.nav-forum-groups-li
{
   display:none;
}

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,

You can add this link to the template files you want to modify from the theme:

COPY CODE

<a href="www.example.com/groups/create/step/group-details/">Create a group</a>

The template can be found here:

..\wp-content\themes\kleo\buddypress\groups\index.php

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 code to your style.css from the child theme folder for hiding the elements from header and center the logo:

COPY CODE

body.bbp-user-page div.social-header,
body.bbp-user-page div.navbar-collapse,
body.bbp-user-page section.alternate-color
{
    display:none !important;
}

.navbar-header .logo
{
    margin-left: 386px;
}

div.header-scrolled .logo
{
    margin-left: 418px !important;
}

@media (max-width: 1440px)
{
    .logo
    {
        margin-left: 350px !important;
    }

}

@media (max-width: 1200px) {
    .logo

    {
        margin-left: 270px !important;
    }
}


@media (max-width: 991px) {

    .logo

    {
        margin-left: 190px !important;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .logo

    {
        margin-left:0 !important
    }
}

Navigation text size can be changed adding this code:

COPY CODE

#buddypress div#item-nav ul li a

{
   font-size:xxpx !important;
}

where xx is the new size you want to add

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

[Author]

Posts