Radu

[Radu]

Hi,

Q: How I can put an Attachment button here, or use 7thQueen Support Add Attachment (function) with SweetDate?

R : Search for a plugin if exists that allows you to reply with attachment.

For the messages issue,I saw that the only good solution it’s to hide the avatar from there because there are not enough space to show it on mobile.

Using this CSS you can hide it

COPY CODE

table#message-threads td.thread-avatar { display:none; }

the CSS will be added 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

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

This is the simplest solution

COPY CODE

select#activity-privacy {
    opacity: 1 !important;
    display:inline-block !important;      
 }
#buddypress form#whats-new-form  .customSelect.customSelect { display:none !important;}
select#activity-privacy span.customSelect {
    display: none;
}

The globe icon it’s hidden and it’s displayed the text messages instead.

You’re welcome

I hope this it’s all 😛

Have a nice week end man

Cheers
R.

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

[Radu]

Hi,

Use this css

COPY CODE

@media(max-width:640px) {
    .bp-full-width-profile div#item-header {padding: 25px 0 0 0 !important;}
    .buddypress div#item-header .toggle-header { 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

[Radu]

COPY CODE

.minicart-buttons a.btn.btn-default {background: yellow !important;}
.minicart-buttons a.btn.btn-default span {color:green !important;}


.minicart-buttons a.btn.btn-highlight.checkout-button {background-color:red;}
.minicart-buttons a.btn.btn-highlight.checkout-button span {color:green;}



ul.kleo-toggle-submenu .minicart-contents {
    background: red;
    color: #fff;
}

ul.kleo-toggle-submenu .minicart-contents .quick-view.hover-tip {color:#fff;}

.minicart-total-checkout, .minicart-total-checkout > span{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

[Radu]

Use this css selector

COPY CODE

.kleo-main-header .navbar-collapse ul.kleo-toggle-submenu .minicart-header {
background-color:#0025db;
color:#FFF;
}

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

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

In inner pages the current page it’s highlighted with red background so using this selector

COPY CODE

.header-color .dropdown-menu li.current_page_item a, .header-color .dropdown-menu li.current-menu-item a { background-color:blue !important; }

Change the blue with your desired color and those will be the same, using this the menus will match!

FYI: We cannot offer support for custom customization, you should do yourself such as adjustments like the nuance of color on hover, I’ve guided you, if you are a webmaster you should be able to customize the menu with provided CSS selectors and guidance.

I hope you understand.

Cheers
R.

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

[Radu]

Hi,

Using this css

COPY CODE

@media(max-width:720px){
    li#nav-menu-item-side {
    display: none;}
}

Will hide the sidemenu icon on mobile and the default mobile menu will be available.

The settings in wp-admin -> theme options -> side menu will be like this

Yes, the classes are already created in bootstrap library that it’s included in our theme.

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

[Radu]

This is the selector

COPY CODE

.kleo-toggle-menu .kleo-toggle-submenu:before { background-color:red !important;}

Cheers

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

[Radu]

Hi,

This is the correct selector

COPY CODE

#buddypress div#item-nav ul li a:before {transition: all 0.4s ease-in-out 0s;}

Cheers
R.

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

[Radu]

Hi,

Using this css you will be able to see the text even you upload a white backgound it adds a text shadow over the text, as how you mentioned above

COPY CODE

body.buddypress div#profile, body.buddypress div#profile a,body.buddypress div#profile span,body.buddypress div#profile p, body.buddypress div#profile ul li{
    color: #fff !important;
    text-shadow:1px 1px 2px  #000 ;
}

#profile .generic-button a, .tabs.pill.custom dd:not(.active) a, #profile .callout, .regulartab dt, .regulartab dd { color:fff; }

Cheers
R.

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

[Radu]

I see, i think BuddyPress has updated their css file and that’s the reason

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

COPY CODE

.widget.buddypress div.item-title { font-weight:normal !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

[Radu]

Hi,

Just add this css will set black color for the notification text and links

COPY CODE

.header-color .kleo-toggle-submenu .kleo-submenu-item a {
    color: #000 !important;
    line-height: 16px;
}

The CSS will be added 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

[Radu]

Hi,

Try to add this to your .htaccess

COPY CODE

Header set Access-Control-Allow-Origin "*"

Cheers
R.

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

[Radu]

Hi,

the snippet from the laura misses } from the end

COPY CODE

#buddypress div.item-list-tabs ul li a {transition: all 0.4s ease-in-out 0s !important;}

So try to paste again the code and paste it instead of the old 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

[Radu]

Hi,
Please replace code with this

COPY CODE

div#ajax_search_container {
    overflow-y: scroll;
    max-height: 780px;
}

I saw the change on your website but change it with this code it’s better

Cheers
R.

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

[Radu]

There is no official in Kleo but this is the property that you can apply to any element you want that effect

COPY CODE

button {box-shadow: 0px 12px 42px 12px rgba(0,0,0,0.08);}

Do it yourself for elements that you need

Cheers
R.

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

[Radu]

Hi,
Please take a look here : https://drive.google.com/file/d/0Bxo5b6iHWRMwTDN6TXZSNEc4Qm8/view

I cannot see those errors

COPY CODE

Uncaught ReferenceError: gform is not defined
http://cabec.staging.wpengine.com/admin/cea-lookup/entry/3518/?gvid=2892&page=gf_entries&view=entry&edit=8c0a35ecb0 line 788

Uncaught ReferenceError: gform is not defined
http://cabec.staging.wpengine.com/wp-content/plugins/gravityforms/js/conditional_logic.min.js?ver=2.0.7 line 1

Uncaught ReferenceError: gformExtractFieldId is not defined
http://cabec.staging.wpengine.com/wp-content/plugins/gravityforms/js/conditional_logic.min.js?ver=2.0.7 line 1

So you are able to use Gravity forms ?

R.

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

[Radu]

Use those selectors

COPY CODE

.kleo-toggle-submenu .submenu-inner {background:red;}

.kleo-notifications-nav ul.submenu-inner li { background:green; }

a.btn.btn-default.mark-as-read {
    background: red !important;
    color: green !important;
}

.kleo-toggle-submenu .minicart-buttons { background:yellow !important; }

Addapt icon notification position

COPY CODE

.kleo-notifications.new-alert {
    background-color: #e8307a;
    color: #ffffff;
    position: absolute;
    top: 10px !important;
    left: 10px !important;
}

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

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

the backgroun for the quote can be changes like this

COPY CODE

.main-color .masonry-listing .format-quote .post-content {
    background: red !important;
}

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

The membership will appear automatically once the user haves a pmpro membership package assigned the pmpro plugin should be installed

In the provided screenshots it seems to be an error there, please enable wp debug, i will put the debug procedure below

—– Debug procedure —–

If this is useless please follow these steps to enable wp debug:

•  Connect to your server by FTP
• Look in root directory of your WordPress install and open wp-config.php
• Search for define( ‘WP_DEBUG’, false ); and change FALSE value to TRUE

COPY CODE

define( 'WP_DEBUG', true );

•   After this line add this:

COPY CODE

define( 'WP_DEBUG_LOG', true );

WP_DEBUG_LOG is a companion to WP_DEBUG that causes all errors to also be saved to a debug.log log file inside the /wp-content/ directory. This is useful if you want to review all notices later or need to view notices generated off-screen (e.g. during an AJAX request or wp-cron run).

Repeat the described actions and then check the debug.log file and let me know what error appears.

If this is useless please try to deactivate additional plugins except Visual Composer, K-elements, BuddyPress, Paid memberships pro and revolution slider.

After you have disabled the plugins try to see if the error persists.

Cheers

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

[Radu]

Not marked as solution

[Radu]

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

COPY CODE

div#ajax_search_container {
    overflow-y: scroll;
    height: 100%;
    min-height: 780px;
}

Cheers
R.

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

[Radu]

Not marked as solution

[Radu]

Hi,

In the first instance solve this error with this solution :

COPY CODE

XMLHttpRequest cannot load https://api-iam.intercom.io/vjs/users/ping. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://cabec.staging.wpengine.com' is therefore not allowed access. The response had HTTP status code 500.
cabec.staging.wpengine.com/:1 Uncaught (in promise) undefined

Possible solution : http://stackoverflow.com/a/12049973

Do you have some cache plugin ? if yes, de-activate it.

Do you have activated Combine theme JS files ? from wp-admin -> theme options -> performance & speed, if yes de-activate it, also try to test with PERFORMANCE and SPEED OFF.

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

[Radu]

Use this css

COPY CODE

.kleo-search-form .kleo-ajax-search-loading {
    margin: 0 auto;
    left: 200px !important;
    top: 15px;
}

Replace 200px 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

[Radu]

Use this css

COPY CODE

.kleo-notifications.new-alert {
    background-color: #e8307a;
    color: #ffffff;
}

Cheers

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

[Radu]

Not marked as solution

[Radu]

Please replce the code that i have gave to you with this one

COPY CODE

@media(min-wdith:992px) {
.responsive-cols.per-row-4 > * {width:24.9% !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

[Radu]

Hi,

Use this CSS to apply text shadow over groups meta information over the cover

COPY CODE

.group-single #item-header-content span {text-shadow:0.1px 0.2px 0.1px #000 !important;}
.group-single #item-header-content #item-meta > * {text-shadow:0.1px 0.2px 0.1px #000 !important;}

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

[Radu]

Not marked as solution

[Radu]

Sure with this css that can be added to wp-admin -> theme options -> general settings -> quick css

COPY CODE

@media(max-width:700px){
    .woocommerce ul.products li.product {
    width: 50% !important;
}
}

Cheers
R

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

[Radu]

Not marked as solution

[Radu]

Hi,

You can control the border around the photo using this CSS

COPY CODE

div#item-header-avatar {
    border: 5px solid red !important;
}

So revert color setting and add that CSS to wp-admin -> theme options -> general settings -> quick css

Replace red with your desired color code and replace 5px 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

[Radu]

Hi,

The snippet works but the called image on members it’s 150×150 and you should increase the image size called in php

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

COPY CODE

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

the code can be added to wp-content/themes/kleo-child/functions.php or in bp-custom.php

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

[Radu]

Hi,

Please add this CSS to quick CSS area, we will patch this in a next update

COPY CODE

.responsive-cols.per-row-4 > * {width:24.9% !important;}

Cheers
R.

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

[Author]

Posts