Radu

[Radu]

Not marked as solution

[Radu]

Hi,

Just add this CSS to quick CSS area

COPY CODE

@media(max-width:700px) {
.accordion-content { float:none !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,

COPY CODE

div.block-member {
    display: inline-block !important;
    width: auto;
}

div.block-member a {
    padding: 10px 31px;
    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]

COPY CODE

Forbidden

You don't have permission to access / on this server.

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,

2. You can move the user menu from left to right with this css

COPY CODE

@media only screen and (min-width: 768px) {
#item-header-wrap {
    width: 249px;
    position: fixed;
    top: 60px;
    bottom: 0;
    right:0 !important;;
    overflow: hidden;
    border-bottom: 0;
    background-clip: content-box;
    background: #0b0c1e;
    border-right: 1px solid #e6e6e6;
}
#item-body {
    margin-left:0;
    margin-right: 250px !important;
}

}

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

For the membership management, we don’t have a quick solution to add same as in sweetdate.

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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi, The reason that you see the logo so small, it's because you are using a square format of the logo, and the buddyapp demo uses a rectangle format type. Adding this css to your wp-admin -> appearance -> theme options -> quick css

.logo img { max-height: 60px; }

Will increase the height of the logo, but i think this isn't enough. My recommendation is to ask your designer to made a rectangle logo version. Cheers R.

[Radu]

Not marked as solution

[Radu]

You haven’t said that the problem it’s happens only on inner pages

Add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

@media(max-width:1024px) {
    .header-color .navbar-toggle .icon-bar {
    background-color: #111;
}

#header .navbar-nav li a {
    color: #333 !important;
}
}

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]

Not marked as solution

[Radu]

Hi,

We are using this snippet

COPY CODE

/ WP SEO /
/**
 * Fix wpseo title
 */
if ( function_exists( 'bp_is_active' ) ) {
	add_filter('wpseo_title', 'kleo_bp_wpseo_title');
}
 
function kleo_bp_wpseo_title($title) {

	global $bp;

    if (bp_is_user()) {
        $title = bp_get_displayed_user_fullname() . ' | ' . ucfirst($bp->current_component);
    } elseif (bp_is_group()) {
        $title = bp_get_current_group_name() . ' | ' . get_bloginfo('name');
    }	
 
    return $title; //. ' ' . $separator . ' ' . get_bloginfo()
}

Let me know if will fix the issue.

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 again,

I mean to just simply save theme options.

try to load this css it should force set the icon favorite… for the activity items

COPY CODE

#buddypress a.button.fav:before, #buddypress a.button.unfav:before, #buddypress a.fav.bp-secondary-action:before, #buddypress a.unfav.bp-secondary-action:before {
    content:"\e98d";
}

If it’s displays another icon find the content code form fontello.css or fontello-codes.css 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, Try this solution : Add this css to wp-admin -> theme options -> general settings -> quick css

.page-id-2766 div#main-container.container {
    max-width: none !important;
}

The container will be full width only in that page Cheers R.

[Radu]

Not marked as solution

[Radu]

Hi,

I don’t think so, in the addon description says that it gives you ability to have the pp express as second option. so if you will choose directly paypal express as main i think it will be ok, test it !

Regarding the #131294 ticket, i’ve read the next ticket that all are fine, i taught that those are ok but i will respond you now.

1. Try with this css to hide the form in activation page.

COPY CODE

.activate .form-header ,.activate .form-search , .activate .form-footer {display:none !important; }

2. I think the bg image it’s removed on mobile because it’s not enough space, but anyway about what image are you talking about ? give screenshot and if you provide example links of your website provide the password to can see it.

3. Where i can see this live ? with the css that you have provided i cannot see that border green, it seems that it’s not controlled by this css.

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,

If you want to redirect all users to their profile after login paste this funciton to wp-content/themes/buddyapp-child/functions.php

COPY CODE

add_filter( 'bp_login_redirect', 'bpdev_redirect_to_profile', 11, 3 );
 
function bpdev_redirect_to_profile( $redirect_to_calculated, $redirect_url_specified, $user ){
 
    if( empty( $redirect_to_calculated ) )
        $redirect_to_calculated = admin_url();
 
    //if the user is not site admin,redirect to his/her profile
 
    if( isset( $user->ID) && ! is_super_admin( $user->ID ) )
        return bp_core_get_user_domain( $user->ID );
    else
        return $redirect_to_calculated; /*if site admin or not logged in,do not do anything much*/
 
}

The facebook login & register feature works as you need… maybe you have forgot to enable fb register check in wp-admin -> appearance -> theme options

All should be on.

We are using an custom solution that has been developed based on Kleo theme.

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,

Try to add this border-radius:10px; after color:yellow

Example

COPY CODE

div#send-private-message {
background-color:red !important;
color:yellow !important;
border-radius: 10px;
}

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 again,

Replace the previous css with this

COPY CODE

@media(max-width:1024px) {

.navbar {
    background:rgba(42, 42, 42, 0.53) !important;
    position: absolute;
}
}

Play with 0.53 it represents opacity.

Regarding the icons, please back-up your assets folder or entire child theme and then delete the assets folder and start again based on this https://archived.seventhqueen.com/kleo/article/use-custom-fontello-icons-kleo-theme but no change name of any icon, just add your needed icons

That’s all

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]

Not marked as solution

[Radu]

Hi,

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

COPY CODE

function add_custom_css_for_logo(){
    echo "<style>\n";
    echo '
li#wp-admin-bar-my-account-notifications, li#wp-admin-bar-my-account-forums, li#wp-admin-bar-my-account-messages { display:none; }

';
    echo "\n</style>";
}
add_action( 'admin_print_styles', 'add_custom_css_for_logo' ,90);

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,

Add this css to wp-admin -> theme options – general settings -> quick css

COPY CODE

li#forums-personal-li, li#messages-personal-li ,li#notifications-personal-li {
    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,

Using this css you will have the mobile menu transparent

COPY CODE

@media(max-width:900px) {

.navbar {
    background: transparent !important;
    position: absolute;
}

}

the css will be adde to wp-admin -> theme options -> general settings -> quick css

the problem with the menu icon it’s because you have loaded one fontello icon library from child and i think you have used same icon name but with different icon, please follow the kb article : https://archived.seventhqueen.com/kleo/article/use-custom-fontello-icons-kleo-theme

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,

With this selector you can do that

COPY CODE

.kleo-masonry article {
    padding: 0px !important;
}

The css 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]

Hi, The user field it's required by buddypres... but you can remove the required text from there by using translation method to can rename the strings, i will post here the translation method at the bottom of the post, practically you should search for username(required) and to rename it to username. Same case in the pop-up login, use 'translation method' Selector to customize the meeta

article .article-meta small,article .article-meta small a,article .article-meta small time {
    color: red !important;
}

Css can be added to wp-admin -> theme options -> general settings -> quick css Theme strings and plugins strings can easily be changed by using Loco Translate plugin https://wordpress.org/plugins/loco-translate/

A small introduction on how translations work

Translatable strings can come from the theme or from the installed plugins. You need to translate the theme or the plugin depending on what section of the site your string is found. For example if your string is on your BuddyPress profile then most probably you will need to translate BuddyPress plugin. If you are on the Forums section of your site then bbPress plugin should be the one that needs to be translated. Another example is the rtMedia plugin that adds the Media links to BuddyPress and if you want to translate it then this plugin will contain the string.

Follow these steps to get you started:

• Install Loco Translate plugin
• Go to the plugin dashboard: WP Admin - Tools - Manage translations
• Find the theme or plugin in the list.
• If the language isn't already in the list then click Add new language, choose your language and if you are asked where you want to save the language files choose global language directory ( wp-content/languages/ ).
• Press SYNC button to synchronise your translation with the provided .pot file
• Search for the string you want to translate and add your translated string.
• Press Save when you finished your translation.

Note: You will have to set the language for your blog from WP-admin - Settings - General - Site Language - Choose your language Cheers

[Radu]

Hi,

An very easy for to show the field that reset the password it’s to paste this #kleo-lostpass-modal at the end of every url of your site example : http://www.ordiges.com/community/#kleo-lostpass-modal or http://www.ordiges.com/community/recovery-pass#kleo-lostpass-modal you can made a link that links to this pop-up from example

COPY CODE

<a href="http://www.ordiges.com/community/#kleo-lostpass-modal">Click here to reset the pass</a>

Let me know if it’s ok like this

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]

Not marked as solution

[Radu]

Hi,

There are the css selectors that controls content area and sidebar area

COPY CODE

.template-page.col-sm-9.tpl-right {
    width: 85% !important;
}

.sidebar.sidebar-main.col-sm-3.sidebar-right {
    width: 15% !important;
}

Change the values or replace it with px values to achieve what you need

The css can 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]

Hi,

By adding this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.register ul#menu-main-menu,.login ul#menu-main-menu  {
    display: none !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 do that with this kind of selector

COPY CODE

.section-container .kleo-tabs.tabbable ul.nav.nav-tabs li.active {color: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]

Hi,

I’ve added this css in quick css area

COPY CODE

#bbpress-forums ul.bbp-replies li div.reply {
    position: relative;
    z-index:1 !important;
}


#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background: #fff !important;
    z-index: 2;
}

Now it should be ok, but empty all caches form wp engine and from the plugin if you have one

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-admin -> theme options -> general settings -> quick css

COPY CODE

.kleo-tabs.tabbable ul.nav.nav-tabs.responsive-tabs.tabs-style-default li.active a {
    background-color: #026d63 !important;
    color:#fff !important;
}

Now the active tab will be shown at page load

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,

We don’t have such as option, but an easy way it can be to be hidden via CSS.

Try with this css

COPY CODE

.kleo-quick-contact-wrapper {
    display: none !important;
}

.home .kleo-quick-contact-wrapper {
    display: block !important;
}

CSS will 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]

Hi,

We don’t have such as option, but an easy way it can be to be hidden via CSS.

Try with this css

COPY CODE

.kleo-quick-contact-wrapper {
    display: none !important;
}

.home .kleo-quick-contact-wrapper {
    display: block !important;
}

CSS will 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]

Hi,

The only solution is to have socket fixed, use this css

COPY CODE

div#socket {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Css will 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. Mark as a solution

What support service includes ? What not ?

[Radu]

I’ve understand, we don’t have an option in theme for that but you can edit the php files, please take a look at this article : https://premium.wpmudev.org/blog/how-to-customize-the-buddypress-activity-loop/

Then in our theme the responsible file for that is /wp-content/themes/kleo/buddypress/activity/activity-loop.php but before do your changes copy the file to /wp-content/themes/kleo-child/buddypress/activity/

Around line 16 you will see this

COPY CODE

<?php if ( bp_has_activities( bp_ajax_querystring( 'activity' ) ) ) : ?>

the according the article you will replace with

COPY CODE

<?php if ( bp_has_activities( bp_ajax_querystring( 'activity' ).'&object=groups,profile,status,blogs' ) ) : ?>

Or with your desired components

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,

The space between columns is equal just remote the css that i have give you, and these will be aligned to the left as you wish, but the problem it’s because footer column 1 has to little content also column 3

Try to with this css instead the first that i have gave you

COPY CODE

div#footer .template-page .row > div {
padding:0 80px;
}

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