Radu

[Radu]

Hi,

In this page :https://fokusnetzwerk.ch/mitglieder/

I see like this (see screenshot) there are 5 selects and one input , in your second screenshot are only two selects and 1 input, maybe i’m not looking where it should anyway the css is below:

The CSS

COPY CODE

#horizontal_search input[type="text"] {
    min-width: 200px;
}

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,

Hide forums menu item

COPY CODE

li#forums-personal-li {
    display: none !important;
}

For the registration page

COPY CODE

.register div#register-page form input {
    border: 1px solid #0296c0;
}
.register div#register-page form.custom div.custom.dropdown a.current {
        border:1px solid #0296c0 !important;

}

You can change the words like marital status from wp-admin -> users -> profile search -> home form

For the countries, go to wp-admin -> users -> profile fields -> country

The restriction for searh to be redrirected on register when guest perform search

COPY CODE

function sqr_prevent_search_guest_user() {
    if ( class_exists( 'BuddyPress' ) ) {
        if (!is_user_logged_in() && bp_is_directory()) {
            wp_redirect(home_url() . '/register/');
            exit;
        }
    }
}
add_action('template_redirect', 'sqr_prevent_search_guest_user');

Please keep in mind that those kind of customisations and codes aren’t supported by our support service, i’ve just guided and helped you a little to move further with your project.

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,

Cannot see the screenshot maybe you have forgot to add it.

You will have to edit the page with Elementor then to set the column wider , just look at this video how you can use the Elementor plugin and adapt the columns size https://youtu.be/ouFlJbAoHEs?t=1m21s

The input color can be changed using this CSs selector

COPY CODE

form#register_form_front input {
    color: red;
}

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 ?

[Radu]

Not marked as solution

[Radu]

For the messages

COPY CODE

.messages .standard-form input[type=text], .messages .standard-form select, .messages .standard-form input[type=password], .messages .dir-search input[type=text] {
    font-size:22px;
}

For the buddypress submenu navigation

COPY CODE

div#item-nav ul li a {
    font-size: 16px !important;
    padding:0 5px !important;
}

div#subnav ul li a { font-size: 16px !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 the next css to Wp-admin -> theme options -> Styling Options -> Quick css

COPY CODE

#members-list .four.columns:nth-child(3n+1) {
     clear: none !important;
}

That’s it

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,

Ticket was assigned to me from now, i’ve tried to take a look at your at your website especially for the issue that not count correctly the members and also impossibility to search the members

Tried to take a look at the page builder and a 500 error appears

3. The new accounts to can show up in the directory should be logged in at least one time, so if you had created members from wp-admin -> users -> add new you will have to login with that account once to can be visible in members directory, this can be a reason.

4. The search works now, but from members page, from homepage not works cuz it’s something configured wrongly or it’s related to the 500 error, while i search from home ,i’m redirected to the same page instead the result page.

5. The members sign-ups are made thru buddypress and if they sign-up doese’t mean especially that they will buy a membership… if you want to register users and to buy directly a membership you can send your visitors here : https://www.letslay.com/membership-account/membership-levels/ then after will choose a membership the details fields will be requested.

Other alternative of this can be creation like now thru buddypress and then after user activate his account, on the login there will be a check if the logged in members has a purchased membership, if no they will be redirected to the membership levels page https://www.letslay.com/membership-account/membership-levels/ and they will be locked in until they buy something. This can be done using the next php code that should be added in wp-content/themes/sweetdate-child/functions.php

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

6. The dates are passed to the next page but the password for security reason browser prevent to pass the password input… so the details are forwarded for the fields username and email… this is how it works..

Also i’ve tried to login to you hostgator account but the login details are incorrect, i was looking for the error log to see the reason for the 500 error, you can ask the hosting provider if you want about why the internal error 500 happens when you open the edit link with elementor https://www.letslay.com/wp-admin/post.php?post=864&action=elementor

I think there it’s a limit somewhere or something.

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,

I see now, i taught you’re talking about placeholder

Here’s the css that style the color of the text from the input

COPY CODE

form#register_form_front input {
    color: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]

Forums tab can be hidden using this css

COPY CODE

#buddypress li#forums-personal-li {
    display: none !important;
}

For the messages tab

COPY CODE

.messages div#item-body .messages * {
    font-size: 20px !important;
}

.messages div#item-body .messages * {
    font-size:19px !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,

Those are the selectors

COPY CODE

nav.woocommerce-pagination ul li a {background:red !important;color:#fff !important;}
nav.woocommerce-pagination ul.page-numbers li span.current {background: green !important;color:#fff;}

change it with your colors

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]

REplace with this

COPY CODE

.friendship-button .pending_friend, .friendship-button {
    background: red !important;
}

a.send-message {
    background: green !important;
}

Anyway the sent message and add friend i think are not displayed when view as guest, cuz the buttons are related only for logged in users.

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,

Just add this css to wp-admin -> theme options -> general settings -> quick CSS

COPY CODE

#buddypress #activity-stream p img {
    display: block;
}

This will be fixed in next theme update

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,

1. From what i see it behaves like on our demo take a look : https://seventhqueen.com/demo/sweetdatewp/

with exception of some css that makes the logo to move off screen see this screenshot

You can remove those from Wp-admin -> theme options -> Styling Options -> Quick css

2.

You will have to use the next css

COPY CODE

form#register_form_front input::-webkit-input-placeholder {
color: blue !important;
}
 
form#register_form_front input:-moz-placeholder { /* Firefox 18- */
color: blue !important;  
}
 
form#register_form_front input::-moz-placeholder {  /* Firefox 19+ */
color: blue !important;  
}
 
form#register_form_front input:-ms-input-placeholder {  
color: blue !important;  
}

Replace blue with your desired color.
Wp-admin -> theme options -> Styling Options -> Quick css

3. Maybe using this plugin : https://wordpress.org/plugins/if-menu/

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

COPY CODE

#socket .col-sm-12 {
    height: 100%;
    display: initial;
}

And remove the gaps

That’s it

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]

Hi,

Just replace the css provided in this ticket with this one

COPY CODE

.article-content iframe[src*='youtube.com'], .article-content iframe[src*='vimeo.com'], .article-content  iframe[src*='dailymotion.com'] {width:100%;min-height: 360px !important;}
.bbp-reply-content iframe[src*='youtube.com'], .bbp-reply-content iframe[src*='vimeo.com'], .bbp-reply-content iframe[src*='dailymotion.com'] {width:100%;min-height: 360px !important;}

In next theme update this will be fixed in the JS way, so in next theme update you can remove this 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,

For the youtube iframe from the post content use this selector

COPY CODE

.article-content span.embed-youtube iframe.youtube-player {
    max-height: 420px;
}

Adapt the max height 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,

1. Will let you know

2. You will have to set full width template to can have no sidebar

3. Those are the selectors

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

COPY CODE

.login-form-inline h3.kleo-pop-title {color:#fefefe !important;}

.kleo-pop-title-wrap * {
    color: #fff;
}

.kleo-pop-title-wrap a.new-account {color:#fff}

form#login_form * {
    color: #fff !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]

For the profile tabs

COPY CODE

@media(max-width:480px) {
    .seven ul.tabs-content.custom .dl-horizontal dd {
        margin-left:0px;
    }

}

For the buttons add friend and sent message

COPY CODE

div#friendship-button- {background:red;}
div#friendship-button- a {color:yellow !important;}

div#send-private-message {background:green;}
div#send-private-message a {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 see just decrease the 60px value to sometning like 25px

COPY CODE

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{
  height:24px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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,

Instead the memebrs-loop.php file use this function instead
This will increase the avatar size on all

COPY CODE

/* Increase Buddypress avatars globally */
function increase_bp_avatar_size($content, $args = []) {
    $args['type'] = 'full';
    $args['width'] = '250';
    $args['height'] = '250';
return bp_get_member_avatar( $args );

}
add_filter('bp_member_avatar', 'increase_bp_avatar_size',999, 2);

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

Cannot see any issue or error in Visual Composer, solved ?

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 markup it’s generated without specific classes or ID’s there to can target only the

COPY CODE

table.shop_attributes tr td p a[rel=tag] {
    background: red;
}

there should be on any TR a class named by section like tr class=”condition” or tr class=”validation” etc

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

@media only screen and (min-width:321px) and (max-width:768px) {
    .dl-horizontal dt {
        width: auto !important;
    }

    .dl-horizontal dd {
        margin-left: 75px;
    }

}

will look like this on tablet

The css will be added in 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 ?

[Radu]

Not marked as solution

[Radu]

Hi,

Yes you right, i’ve forgot… sorry

Here’s the css that makes the image to fit int the circle

COPY CODE

#buddypress #friend-list li div.item-avatar img.avatar, #buddypress #member-list li div.item-avatar img.avatar, #buddypress #members-list li div.item-avatar img.avatar {
    width:100%;
}

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

Now it’s fit but the image it’s a little pixelated because the avatar had 50px and there should be increased so you will have to create a file named members-loop.php in child theme in this path
wp-content/themes/kleo-child/buddypress/members/members-loop.php
in that you will paste this content : https://pastebin.com/raw/3VMWhbfn

That’s it

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]

Hi,

try this css

COPY CODE

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{
  height:60px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Just add the next snippet to sweetdate_child/functions.php

And replace with your text.

COPY CODE

function translate_memberships_options($kleo_pay_settings)
{
    $kleo_pay_settings = array(
        array(
            'title' => __('Restrict members directory1', 'kleo_framework'),
            'front' => __('View members directory1', 'kleo_framework'),
            'name' => 'members_dir'
        ),
        array(
            'title' => __('Restrict viewing other profiles2', 'kleo_framework'),
            'front' => __('View members profile2', 'kleo_framework'),
            'name' => 'view_profiles'
        ),
        array(
            'title' => __('Restrict access to groups directory3', 'kleo_framework'),
            'front' => __('Access group directory3', 'kleo_framework'),
            'name' => 'groups_dir'
        ),
        array(
            'title' => __('Restrict access to single group page4', 'kleo_framework'),
            'front' => __('Access to groups4', 'kleo_framework'),
            'name' => 'view_groups'
        ),
        array(
            'title' => __('Restrict users from viewing site activity', 'kleo_framework'),
            'front' => __('View site activity', 'kleo_framework'),
            'name' => 'show_activity'
        ),
        array(
            'title' => __('Restrict users from sending private messages', 'kleo_framework'),
            'front' => __('Send Private messages', 'kleo_framework'),
            'name' => 'pm'
        ),
        array(
            'title' => __('Restrict users from adding media to their profile using rtMedia or bpAlbum', 'kleo_framework'),
            'front' => __('Add media to your profile', 'kleo_framework'),
            'name' => 'add_media'
        )
    );

    return $kleo_pay_settings;

}
add_filter( 'kleo_pmpro_level_restrictions', 'translate_memberships_options', '10',1);

If copying the code from above causes fatal error paste it from here : https://pastebin.com/raw/S4wm1nP3

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,
There should be multiple files edited to can add support for woocommerce galley..

Also there will be needed this css

COPY CODE

@media (min-width:991px) {
.woocommerce-product-gallery.woocommerce-product-gallery--with-images {position:relative;}

.woocommerce-product-gallery .flex-control-nav, .flex-control-paging {
    bottom: -150px !important;
    top:auto;
    width:100%;
    display: inherit;
    padding-left: 7px;
}

.woocommerce-product-gallery .flex-control-nav li, .woocommerce-product-gallery .flex-control-paging li {width:initial;height:initial;}
.woocommerce-product-gallery .flex-control-nav li img, .woocommerce-product-gallery .flex-control-paging li img {max-width: 96px;}

.woocommerce-product-gallery .flex-control-nav, .flex-control-paging {}


.woocommerce-tabs.wc-tabs-wrapper {padding-top:150px !important;}
}

and maybe others…

So please provide to me FTP + wp admin credentials to take a closer 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,

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

COPY CODE

function render_before_content_in_bbpress() {
    if (class_exists('bbpress')) {
        if (is_bbpress()) {
            echo '<img src="http://www.ricoh-imaging.co.jp/english/products/q-s1/ex/img/bod_mainImg_01.jpg">';
        }
    }
}

add_action('kleo_before_content','render_before_content_in_bbpress');

NOTE : Child theme needs to be installed and activated.

Replace image source with your desired 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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

If the discussion it’s a page that can be edited in admin just add in header content

COPY CODE

<img class="my-custom-image" src="http://domain.com/image.jpg">

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