Radu

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Here’s the solution for that

COPY CODE

/* Prevent guest users to see bbpress forums */
function redirect_non_members_bbpress() {
    if (class_exists('bbpress')) {
        if (is_bbpress()) {
                wp_redirect(home_url(). '/register/', 301);
                exit;
        }
    }
}

add_action('template_redirect','redirect_non_members_bbpress',22);

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

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. Ticket solution

What support service includes ? What not ?

[Radu]

Hi,

Just replace the google.com/register/

COPY CODE

[kleo_login login_link="#|url" lostpass_link="#|url" register_link="http://google.com/register/" register_url="hide|url"]

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,

All available restriction are displayed on the wp-admin -> theme options -> memberships.

For any other advanced restriction rules it’s custom work… there is no quick solution to add restriction by member type and by number of how many groups can create a certain membership.

An alternative without custom work. it’s to create a trial membership that expires in 7 days or how many you need and to restrict the website to be usable only by the users that haves membership access by using the next snippet

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.

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,

Just use this function

COPY CODE

function add_ajax_search_mobile_icons()
{
    $items .= '<a title="View Notifications" class="my-custom-item" href="http://rdu.local/kleo/members/admin/notifications"><span class="sq-notify-mobile"><i class="icon-bell"></i></span></a>';
    $items .= '<a title="View Dummy Menu 2" class="my-custom-item-2" href="http://rdu.local/kleo/members/admin/notifications"><span class="sq-notify-mobile"><i class="icon-mail-alt"></i></span></a>';
    echo $items;
}

add_action('kleo_mobile_header_icons', 'add_ajax_search_mobile_icons');

If you want only one item delte entire item line

COPY CODE

    $items .= '<a title="View Dummy Menu 2" class="my-custom-item-2" href="http://rdu.local/kleo/members/admin/notifications"><span class="sq-notify-mobile"><i class="icon-mail-alt"></i></span></a>';

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Just take a look at the screenshot

and change with your desired color, for background color red with transparency use this

COPY CODE

background-color:rgba(0,0,0, 0.1);

For the notications dropdown style those are selectors

COPY CODE

.kleo-toggle-submenu .submenu-inner {background-color:rgba(0,0,0, 0.1) !important;}
#menu-submenu .kleo-notifications-nav .minicart-buttons {background-color:red;}
#menu-submenu .kleo-notifications-nav ul li a {color:green !important;}
.kleo-notifications-nav ul.submenu-inner.has-notif li:before {color:red;}

Change those with your desired

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,

In the last post it’s clear what you need to achieve, but there is no quick solution to make the news focus element to render two columns for big pictures… i’ve tried some work-around to make that to look as you need but cannot….

An alternative it’s to use the Kleo Posts elements and dividing the VC row in 3 columns line this
frontend

—

backend

this is the whole shortcode of the page from screenshot

COPY CODE

[vc_row][vc_column width="1/3"][vc_posts_grid columns="2" show_footer="no"][/vc_column][vc_column width="1/3"][vc_posts_grid post_layout="small" show_meta="no" show_footer="no" ajax_post="" ajax_paged=""][/vc_column][vc_column width="1/3"][vc_single_image image="10498" img_size="medium" full_width="yes"][vc_single_image image="10498" img_size="medium" full_width="yes"][vc_single_image image="10498" img_size="medium" full_width="yes"][vc_single_image image="10498" img_size="medium" full_width="yes"][/vc_column][/vc_row]

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]

Here’s the selector for the notifications menu item bg

COPY CODE

.navbar-transparent .navbar-nav > li > .dropdown-menu li > a:hover, .navbar-transparent .navbar-nav > li > .dropdown-menu li > a:focus, .navbar-transparent .dropdown-submenu:hover > a, .navbar-transparent .dropdown-submenu:focus > a, .navbar-transparent .dropdown-menu > .active > a {
    background-color: #428bca !important;
}

This it’s for the the bg of notification

COPY CODE

.kleo-toggle-submenu .submenu-inner {
    background: black !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 also this css

COPY CODE

.pmpro-checkout div#pmpro_level_cost {
    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,

Just add this css to Wp-admin -> theme options -> Styling Options -> Quick css

COPY CODE

.pmpro-levels .pricing-table .description {
    display: none;
}

IT will hide that easily.

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 will have to remove that entire cdd selector code or just delete the display:none, look for that code in wp-admin -> theme options -> general settings -> quick css or in wp-content/themes/kleo-child/style.css

Look for the next code

COPY CODE

geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressLocality"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressRegion"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="postalCode"], .geodir-bubble-meta-side .geodir_more_info.post_address span[itemprop="addressCountry"], .geodir-bubble-meta-side .geodir_more_info.post_address br {
    display: none;
}

Let mw 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]

Ah, you right, the review feature comes from the wocoomerce

The only way to can have layout in two columns without jumping it’s with this css, will make the product title to have a min-height value to can have on every row two columns.

COPY CODE

@media (max-width:991px){
    .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {min-height:99px;}
    .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {padding-top:0;}
}

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,

Follow this : https://codex.buddypress.org/themes/guides/customizing-buddypress-avatars/

Just add the next in child theme functions or in bp-custom.php

COPY CODE

define ( 'BP_AVATAR_THUMB_WIDTH', 250 );
define ( 'BP_AVATAR_THUMB_HEIGHT', 250 );

And replace 250 with your desired value

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 also this css beside the previous one

COPY CODE

@media (max-width:991px) {
    .home .header-bg {
      background-image: url("http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/blurred_bg_01.jpg");
    }

    .home #main.full-builder {
      background-image: url("http://seventhqueen.com/demo/sweetdatewp/wp-content/uploads/2013/06/blurred_bg_01.jpg");
      margin-top: -90px;
      background-size: inherit;
      background-position: 48% 48%;
    }

}

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 this CSS

COPY CODE

@media(min-width:991px){
    .woocommerce-page ul.products li.product h3 {
        min-height: 120px;
    }
}

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 Bernadette

Sorry for bad experience, i can help you to identify the cause of those errors but now it’s other theme there.

The related posts can have the thumbnail square by setting (500×500 example) in wp-admin -> theme options -> blog -> Image size settings -> Gallery format & Carousel – Image Width and Gallery format & Carousel – Image Height

will look

Also the titles can be changed with this css selector

.related-wrap ul.kleo-carousel li h4.post-title a {
    color: red;
}

theme options -> general settings -> quick css

I case you want a strictly a refund contact the ThemeForest team since they handles the payments and also the refunds, you can request a refund here https://themeforest.net/refund_requests/new

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 open the page in backend and set the header layout default

For the top bar color use this selector

COPY CODE

.header-color.social-header {
    background: red;
    color: #fff !important;
}

If you want to style this only for homepage use this instead

COPY CODE

.home .header-color.social-header {
    background: red;
    color: #fff !important;
}

I’ve noticed the top bar missing on home, you can activate it from the page backend, see screenshot.

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

@Runer

You have told me wrong replies ID’s as you can see

for the 177221
here’s the css to fix messages search and messages layout

COPY CODE

div.message-search {
    width: 100%;
}

for the 169990

Tried to login to your wp admin but i was locked out to check if the child theme causes ( most sure it may be a old sweetdate or buddypress template in your child ) that since on my install using sweetdate 3.0 the search looks ok.

Also i’ve activated that on the demo : https://seventhqueen.com/demo/sweetdatewp/members/

As you can see it’s displayed normally like on my isntall

So as you can see there is no issue with the seach in the theme, maybe some your customizations from your end.

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,

To can have the map edge to edge full width you will have to add the map in the way the code it’s add it.

The GeoDir adds’ that in the page but it’s inner page, so that’s i’ve provided to you that snippet, to can have the map like in the main directory layout.

So you will have to ask the geoDir team about how you can remove the map from the default pace wher the geodir adds for each directory post type.

and the to add the map from code full width for your site cpt

So my next code will check if the displayed page it’s a geodir cpt and will render the map for every cpt

COPY CODE

add_action('kleo_before_content', 'inject_GD_map_before_content_on_related_types', 10);
function inject_GD_map_before_content_on_related_types() {
    if( 'gd_event' == get_post_type() ) {
        echo do_shortcode('[gd_homepage_map post_type="gd_event" width=100% height=500px maptype=roadmap zoom=11 autozoom=true child_collapse=true scrollwheel=true marker_cluster=1 ]');
        kleo_switch_layout('right');
    }
    if( 'gd_meetings' == get_post_type() ) {
        echo do_shortcode('[gd_homepage_map post_type="gd_meetings" width=100% height=500px maptype=roadmap zoom=11 autozoom=true child_collapse=true scrollwheel=true marker_cluster=1 ]');
        kleo_switch_layout('right');
    }
    if( 'gd_place' == get_post_type() ) {
        echo do_shortcode('[gd_homepage_map post_type="gd_place" width=100% height=500px maptype=roadmap zoom=11 autozoom=true child_collapse=true scrollwheel=true marker_cluster=1 ]');
        kleo_switch_layout('right');
    }
    if( 'gd_companies' == get_post_type() ) {
        echo do_shortcode('[gd_homepage_map post_type="gd_companies" width=100% height=500px maptype=roadmap zoom=11 autozoom=true child_collapse=true scrollwheel=true marker_cluster=1 ]');
        kleo_switch_layout('right');
    }

}

So, you will have to remove the map from the initial position, ask the geo dir how you can do that, since it’s more related to their product not to KLEO

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

.action .friendship-button a.friendship-button {
    height: 29px !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]

For the cart

COPY CODE

.kleo-minicart .minicart-header {background:red;color:#fff}

.kleo-minicart .minicart-buttons {background:red !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]

Hi,

So instead the black transparent notification hover backgound right ?

here’s the css

COPY CODE

#menu-submenu li.kleo-submenu-item {
    background: black;
}

#menu-submenu  .minicart-buttons {background:red;}

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,

If you want to use other icons than fontello use the next selectors to load images nto font icons

Icons can be changed using some cusom CSS selectors

COPY CODE

a#user-activity:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/actividades.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-xprofile:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/perfil.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-friends:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/amigos.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-settings:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/configuracion.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-courses:before {
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/cursos.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-forums:before {
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/foros.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-groups:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/grupos.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-messages:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/mensajes.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}
a#user-notifications:before {
    content: " " !important;  
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/notificaciones.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}

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

Use those selectors

COPY CODE

.page-id-522 .feature-item:hover span.feature-icon {
    background: #4cadc9 !important;
}

.page-id-522 .feature-item:hover .feature-icon {
    border: 1px solid #122474 !important;
}

It will work on the https://sierracanyondev.com/my-community/ page if you will gonna use the same style on other page just copy again the selector and change the page-id-522 with your desired id

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,

See the screenshot

The css

COPY CODE

@media(min-width:768px) {
    #buddypress #members-list div.item {
        height: 100px;
    }

    #buddypress #members-list div.action {
        min-height: 35px;
    }
}

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,

Use his css

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;
}

#buddypress #members-list li div.item-avatar img  {width:100px;}

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

add_filter('kleo_pmpro_level_restrictions', 'my_custom_levels', '1' );
//add_filter('kleo_pmpro_level_restrictions', 'my_custom_levels', '5' );
//add_filter('kleo_pmpro_level_restrictions', 'my_custom_levels', '10' );
//add_filter('kleo_pmpro_level_restrictions', 'my_custom_levels', '40');

function my_custom_levels($kleo_pay_settings) {
    $kleo_pay_settings[] = array(
            'title' => __('New Option A','kleo_framework'),
            'front' => __('Option A','kleo_framework'),
            'name' => 'new_option_a'
        );
    $kleo_pay_settings[] = array(
            'title' => __('New Option B','kleo_framework'),
            'front' => __('Option B','kleo_framework'),
            'name' => 'new_option_b'
        );
    $kleo_pay_settings[] = array(
            'title' => __('New Option C','kleo_framework'),
            'front' => __('Option C','kleo_framework'),
            'name' => 'new_option_c'
        );
    return $kleo_pay_settings;
}

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,

It seems the issue it’s caused by the Visual composer Posts Grid element, also using kleo element there “Kleo Posts” it works.

I’ve made a work around for you ( circle images )

So if you will add this shortcode in the sidebar

COPY CODE

[vc_posts_grid loop="size:10|order_by:date|post_type:post" columns="3" show_meta="no" show_excerpt="no" show_footer="no" ajax_post="" ajax_paged="" el_class="round"]

It require this css to look similar ( round images )

COPY CODE

.kleo-masonry.round .post-image img {
    border-radius: 50% !important;
    max-width:75px;
    max-height:75px;
    height:75px;
    width:75px;
    border:3px solid #fff;
}

.kleo-masonry.round .post-header {
    text-align: center !important;
}

.kleo-masonry.round article .post-content {border:0 !important;}
.kleo-masonry.round article .post-content .hover-element {display:none;}
.kleo-masonry.round .post-title {border:0}

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

This is how it will look

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,

Fixed,

I’ve added the image and also this css to can look like in the demo

COPY CODE

.home .header-bg {
    background-image:none;
    background-color:transparent;
}

.home #main.full-builder {
    margin-top: -140px;
    z-index: 1 !important;
}

.home header {
    z-index: 9999;
    display: grid;
}
.home header .header-bg {
    z-index: 999999;
}

Let me know if it’s ok

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 with this filter line instead this

COPY CODE

add_filter('kleo_pmpro_level_restrictions', 'my_custom_levels');

Use this

COPY CODE

add_filter('kleo_pmpro_level_restrictions', 'my_custom_levels', '1');

OR

COPY CODE

add_filter('kleo_pmpro_level_restrictions', 'my_custom_levels', '5');

Or try to put lower higher value see how it renders

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’m unable to login to your dashboard.

1. I saw that the company page it’s generated dynamically by the GeoDirectory and there is no backend for the page for that the map should be added programatically there wiht the next code

COPY CODE

`
add_action('kleo_before_content', 'inject_GD_map_before_content_on_related_types', 10);
function inject_GD_map_before_content_on_related_types() {
    if( 'gd_events' == get_post_type() ) {
        echo do_shortcode('[gd_homepage_map post_type="gd_events" width=100% height=500px maptype=roadmap zoom=11 autozoom=true child_collapse=true scrollwheel=true marker_cluster=1 ]');
        kleo_switch_layout('right');
    }
}`

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

NOTE : Child theme needs to be installed and activated.

2. Provide credentials to take a look to see if it’s possible since geoDir not haves a place where you can manage the layout for the custom post types of geodir

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’m unable to login to your dashboard.

1. I saw that the company page it’s generated dynamically by the GeoDirectory and there is no backend for the page for that the map should be added programatically there wiht the next code

COPY CODE

add_action('kleo_before_content', 'inject_GD_map_before_content_on_related_types', 10);
function inject_GD_map_before_content_on_related_types() {
    if( 'gd_companies' == get_post_type() ) {
        echo do_shortcode('[gd_homepage_map post_type="gd_companies" width=100% height=500px maptype=roadmap zoom=11 autozoom=true child_collapse=true scrollwheel=true marker_cluster=1 ]');
        kleo_switch_layout('right');
    }
}

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

NOTE : Child theme needs to be installed and activated.

2. Provide credentials to take a look to see if it’s possible since geoDir not haves a place where you can manage the layout for the custom post types of geodir

3. Provide credentials.

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