Radu

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Use those css’s

COPY CODE

.kleo-login-wrap .login-form-wrapper button.login-button
    background-color:#ab644f !important;
}

.kleo-login-wrap .login-form-wrapper input[type=submit].login-button:hover {

    background-color:red !important;
}

.kleo-login-wrap .login-create-account-wrapper .kleo-register-link > a.new-account { 
background-color:red;
color:#fff ;
}

they can be added from wp-admin -> theme options -> quick css

Cheers
R.

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]

Not marked as solution

[Radu]

Hi,

That it’s a buddypress feature you can try the next

To increase the avatar size make sure that you have next lines added to the file.

COPY CODE

if ( !defined( 'BP_AVATAR_THUMB_WIDTH' ) )
define( 'BP_AVATAR_THUMB_WIDTH', 120 ); //change this with your desired thumb width
 
if ( !defined( 'BP_AVATAR_THUMB_HEIGHT' ) )
define( 'BP_AVATAR_THUMB_HEIGHT', 120 ); //change this with your desired thumb height
 
if ( !defined( 'BP_AVATAR_FULL_WIDTH' ) )
define( 'BP_AVATAR_FULL_WIDTH', 580 ); //change this with your desired full size
 
if ( !defined( 'BP_AVATAR_FULL_HEIGHT' ) )
define( 'BP_AVATAR_FULL_HEIGHT', 580 ); //change this to default height for full avatar

Code can be pasted in this file : “wp-content/plugins/bp-custom.php” or in child theme functions.php wp-content/themes/sweetdate-child/functions.php

Replace 580 with your desired values

Of still not works ask on the buddypress forums since it;s a feature from buddypress

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]

Not marked as solution

[Radu]

Just use this css

COPY CODE

.top-links {
    border-bottom:0px;
}

Cheers
R.

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,

I see, in this case not sure if you can use google fonts but anyway you can load the load the webfont.js file using the next function

COPY CODE

function add_custom_css_for_logo(){
    echo "<style>n";
    echo '<script type="text/javascript" src="https://yourdomain.com/webfont.js"></script>';
    echo "n</style>";
}
add_action( 'admin_print_styles', 'add_custom_css_for_logo' ,90);

Add this function to wp-content/themes/kleo-child/functions.php

Replace https://yourdomain.com/webfont.js with your path for that file.

I’ve attached the webfont.js file download unzip and upload it then replace the path from the function with the current file path.

Child theme needs to be installed and activated.

Cheers
R.

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]

Hi,

If that not work you can try with this code

COPY CODE

add_action('init', 'add_admin_bar_for_admins');

function add_admin_bar_for_admins() {
    if (current_user_can('Administrator') OR current_user_can('Editor') ) {
        show_admin_bar(true);
    }else {
        show_admin_bar(false);
    }
}

NOTE : Child theme needs to be installed and activated
The function will have to be added in wp-content/themes/kleo-child/functions.php

Cheers
R

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]

Add them !important

/* Profiles: RtMedia icon */
#buddypress div#item-nav ul #media-personal-li a:before { content: "\E9C3" !important; }

/* Profiles: FRIENDS icon */
#buddypress div#item-nav ul #friends-personal-li a:before { content: "\E82B" !important; }

/* Profiles: Favorite icon */
#buddypress div#item-nav ul #membersfav-personal-li a:before { content: "\E812" !important; }

/* Profiles: Compliments icon */
#buddypress div#item-nav ul #members-compliments-personal-li a:before { content: "\E909" !important; }

It works just i've tested Cheers R

[Radu]

Checked your child theme twice and there seems to be all good , you have just used some custom CSS, if the site it’s behaving ok using parent you can copy the style form child theme css to parent theme by activating parent theme then paste in the wp-admin -> theme options -> general options quick css that code

COPY CODE

li { padding: 10px;
}

p {padding: 5px;
}

article .article-meta .post-meta {
display:none !important;
}

img {
     padding: 5px 10px 5px 10px;

}

That’s it

Cheers
R.

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,

That is a native buddypress/wordpress function you can try to add this line in your child theme functions.php

COPY CODE

remove_action( 'wp_head', 'bp_core_add_cropper_inline_js' );

Cheers
R

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,

Our theme was not thinked to target devices with so small display but anyway you can try to add this css as a possible workaround

The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

COPY CODE

@media(max-width:320px) {
    .page-boxed {min-width:auto !important;}
}

Cheers
R

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 add this css in wp-admin -> theme options -> quick css

.media-modal-content .media-frame select.attachment-filters {width:100% !important;height: auto !important;padding: 0 14px;}
.media-modal-content .media-toolbar-primary.search-form label {display:none;}
.media-modal-content .media-toolbar { height: 45px !important; }

It should be ok Looks like Cheers R

[Radu]

Hi,

Using this css

COPY CODE

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta {
    background: #fff !important;
}

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-media-single-comments {
    background: #fff !important;
}

.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-media-single-comments textarea {
    background:#fff !important;
    border: 1px solid #bbb;
}
#buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span a, #buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span button, #buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span button.rtmedia-action-buttons {
    color:#428bca !important;
}

#buddypress .rtmedia-like-info {background:#edeff4 !important;}

button.rtmedia-comment-media-upload {
    float: left;
    margin-right: 5px;
}

.rtmedia-container ul#rtmedia_comment_ul li, .rtmedia-activity-container ul#rtmedia_comment_ul li {
    background-color: #edeff4;
    color: #777;
}

#buddypress #rt_media_comment_form {
    background-color: #fff;
}

Will make the side area oh photo pop-up white as default, see screenshot.

If you need to change the color only to the like word use this css

COPY CODE

#buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments>span button.rtmedia-action-buttons {
        color: red !important;
}

Css’s can be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R

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

What support service includes ? What not ?

[Radu]

Hmm from what you say seems to be related to this css : https://archived.seventhqueen.com/forums/topic/group-descriptions-in-buddypress-groups-not-displaying-correctly/#post-189352

To can apply that rule only updates use this css

COPY CODE

.item .update a,.item .update p {
    word-break: break-all !important;
}

Cheers
R

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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

I see,

TRy like this

COPY CODE

add_action( 'wp_print_scripts', 'vanagogo_javascript', 100 );
function vanagogo_javascript() {
    if ('gd_place' == get_post_type()) {
        wp_deregister_script('gmw-js');
    }
    if ('gd_second_place' == get_post_type()) {
        wp_deregister_script('gmw-js');
    }

}

Where gd_place it’s your cpt slug

Cheers
R

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,

replace with those

COPY CODE

.sidebar {
    border: 0 !important;
}

.template-page {
    border: 0 !important;
}

Cheers
R.

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]

You can test this snippet

COPY CODE

function sq7r_add_content_members_page_bp() {

    $content = '
        <div class="container">
            <h3>My Content</h3>
        </div>
    ';
    echo $content;
}

//add_action('bp_directory_members_content', 'sq7r_add_content_members_page_bp');
//add_action('bp_after_directory_members_content', 'sq7r_add_content_members_page_bp');
add_action('bp_after_directory_members', 'sq7r_add_content_members_page_bp');

De commenting the add_action and testing will add the content to different possitions

The code can be added in child theme in functions.php file.

Cheers
R.

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 use this css

COPY CODE

.sidebar.sidebar-main {
    border: 0 !important;
}

The css will be added to wp-admin -> theme options -> general options -> quick css

COPY CODE

.sidebar.sidebar-main {
    border: 0 !important;
}

Cheers
R.

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,

Add this css and let me know

COPY CODE

@media(max-width:991px) {
    .eight.columns.login-buttons ul li {
        width: 50%;
    }
}

Cheers
R.

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 add this css, will be able to change in the input the quantity by adding the number.

COPY CODE

.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart {
    display: block !important;
    width: 100%;
    float:left;
    }

Cheers
R.

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,

We have spoken with the rtMedia team about this issue and they work on a solution for this issue, until they fix you can use this snippet to can dequeue the script that rtMedia adds.

Temporary FIX snippet :

COPY CODE

/* TEMPORARY Deque the mediaelement added by the rtmedia plugin in non-Buddypress pages*/
function sq7r_deque_rtmedia_mediaelement() {
    if( function_exists('bp_is_active') && !bp_is_members_component()) {
        wp_dequeue_script('rt-mediaelement');
        wp_dequeue_style('rt-mediaelement');
        wp_dequeue_style('rt-mediaelement-wp');
        wp_dequeue_script('rt-mediaelement-wp');
    }
}
add_action('wp_enqueue_scripts', 'sq7r_deque_rtmedia_mediaelement',999);

If you have any issue when add the code into functions.php like some wired quotes or you receive syntax error copy the snippet code from here : https://pastebin.com/raw/d7AD00YC

NOTE: The chid theme needs to be installed and activated.
The function will have to be added in wp-content/themes/kleo-child/functions.php

Cheers
R.

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]

Not marked as solution

[Radu]

As a workaround you can add this css to wp-admin -> theme options -> styling options -> quick css

COPY CODE

.rev_slider_wrapper {
    display: block !important;
}

Cheers
R.

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,

For the gd-login link from top menu , you will have to remove the menu item that links to gd-login from wp-admin -> appearance- > menus -> top menu -> remove login page, then look in top right of the page click on “Screen Options” and check KLEO then from KLEO section add login instead the old one.

1. You can use the next snippet that will lock any new member if it’s logged and he has no membership to levels page

COPY CODE

add_action( 'template_redirect', 'my_membersip_restrict' );
 
function my_membersip_restrict() {
    global $pmpro_pages, $post;
 
    if ( is_user_logged_in() && !pmpro_hasMembershipLevel() ) {
        if (isset($post->ID) && !in_array($post->ID, $pmpro_pages)) {
            wp_redirect( pmpro_url() );
        }
    }
}

The snippet will be pasted in wp-content/themes/kleo-child/functions.php

NOTE : The Kleo Child Theme needs to be installed and activated.

2. To can have a similar menu to that you will need to enable megamenu for child elements

3. I saw those on your main menu, did you had solved that ?

4. see 1

You can link only a membership level using this kind of link http://rdu.local/kleo/membership-account/membership-checkout/?level=1 replace 1 from the end with the afferent level ID that you want to be used only for trainers.

With all of those explained you should be able done your project without spending money.

—
Reply 2:

For the gap from there make sure that there is no padding or margin in the row or column where the slider it’s placed and in revolution slider settings check to be auto.

Cheers
R.

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 add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.woocommerce ul.products li.product figure figcaption {
    bottom: 0 !important;
    display: block;
}

Or this one

COPY CODE

.woocommerce ul.products li.product figure figcaption {
    bottom: 0 !important;
    display: block;
    position: initial !important;
}

Let me know

Cheers
R

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,

You can change the color and font family from there using this css

COPY CODE

#activate-page p {
font-family:"Arial";
font-size:20px;
color:red;
}

You can remove the link from there by removing the %s from the translation or you can edit direct in the file.
You can edit that just in php file directly by copying this file activate.php

from : wp-content/themes/buddyapp/buddypress/members/activate.php
to : /wp-content/themes/buddyapp-child/buddypress/members/activate.php

Look for around line 50

Note : Child theme needs to be installed and activated, in this way your changes will stay even you update the parent theme.

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 use this css will handle the color after you scroll a little

COPY CODE

#navigation-sticky.trans-nav.darken {
    background: red !important;
}

cheers
R.

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]

Not marked as solution

[Radu]

Hi,

For the issue with geodir it looks to comes from child theme where some custom changes had been maden, the issue occurs cuz you had activated the theme before the plugin.

For the hover box button issue try to add this css to wp-admin -> them options -> general options -> quick css

COPY CODE

.vc-hoverbox-block-inner .vc_btn3 {
    pointer-events:all !important;
    display: block !important;
    z-index: 9999 !important;
}

Let me know, anyway if still not works just enable wp default theme and check if the button works with default it may be directly from VC that thing.

Cheers
R.

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 add this css to wp-admin -> theme options -> General settings ->quick css

COPY CODE

h1.page-title {
    display: none;
}

Cheers
R.

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,

Add this css to wp-adminn -> theme options -> Styling options -> quick css

COPY CODE

.elementor-widget-profile-search a {
    color: red !important;
}

Replace red with your desired color

Cheers
R.

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]

Ah, sorry, now i got it

use this css

COPY CODE

nav.top-bar a.small-logo {
    max-width: 60px;
}

Cheers
R

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]

Not marked as solution

[Radu]

Hi,

Add this css

COPY CODE

.item-desc a,.item-desc p {
    word-break: break-all !important;
}

Let me know
Cheers
R.

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 add this function to wp-content/themes/kleo-child/functions.php

COPY CODE

/*Check if the function run already. */
if(!function_exists('sq_kleo_ajax_search_on_default_search')) {
    /*Add kleo_search_form top default search page wordpress only when k-elements plugin it's activated*/
    function sq_kleo_ajax_search_on_default_search()
    {   /* Check if K-elements plugin it-s activated. */
        if (defined('K_ELEM_PLUGIN_FILE')) {
            if (is_search()) {
                echo '<div class="sq-kleo-ajax-seach-page container" style="padding-bottom:20px">';
                echo do_shortcode('[kleo_search_form placeholder="Search here.."]');
                echo '</div>';
            }
        }
    }
    add_action('kleo_before_main_content', 'sq_kleo_ajax_search_on_default_search');
}

We will include this in next theme update, it’s a very good idea to show the search all time on the default wp search page.

NOTE : Child theme needs to be installed and activated

Cheers
R

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,

You can add what logo you want

I’ve added to test in html source a square logo and it looks ok,

Using this css you can control the max with of the logo

COPY CODE

img#logo_img {
    max-width: 80px;
}

Add the css to wp-admin -> theme options -> styling options -> quick css

Cheers
R.

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 ?

[Author]

Posts