sharmstr

[sharmstr]

@RafVin – Try this in Theme Options > General > Quick CSS

COPY CODE

.clear { clear:both; }

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your quick css

COPY CODE

.widget_kleo_recent_posts .news-time {
    display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You can turn if off globally in theme options > blog.

The image will expand to fill the width of the container. You can set it to whatever you want with this

COPY CODE

.single img.attachment-kleo-full-width {
    width: 50%;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this instead

COPY CODE

#buddypress #members-list .update, #latest-update {
    display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Because the news shortcodes arent single post pages or archives.

Put this in your quick css

COPY CODE

.news-focus .article-meta, .news-highlight .article-meta {
    display: none !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

1 – You can edit the login shortcode settings and put “hide” for registration link.

2 – I’ve just notified the devs about this. Put this in Theme Options > General > Quick css

COPY CODE

.clear { clear:both; }

3 – Edit the login shortcode settings and add kleo-register-style-white to the extra class name field.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

In Theme Options > Misc, you can set the Homepage redirect to the site activity page.

For the second issue, put this in Theme Options > General > Quick CSS

COPY CODE

.clear {
    clear: both;
}

It doesnt replace BP registration. The demo is merely showing you how to place a simple registration form on a home page.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The quote that you’re seeing is the status update section. It pulls information from the activity feed. You can hide it with this css

COPY CODE

#latest-update {
    display: none;
}

You can put the field name on a separate line so it wont get cut off. Refer to this topic: https://archived.seventhqueen.com/forums/topic/buddypress-profile-fields#post-61233

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The reason its not showing a folder icon is because you’re using the widget that comes with bbpress. The demo is using the Recent Posts widget.

You can use this css

COPY CODE

.widget_display_topics li:before {
    content: "\e86c";
    margin-right: 10px;
    margin-left: 2px;
    font-family: "fontello";
    text-decoration: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your child theme’s functions.php file

COPY CODE

function my_change_profile_tab_order() {
    global $bp;
    $bp->bp_nav['forums']['position'] = 15;
   
}
add_action( 'bp_setup_nav', 'my_change_profile_tab_order', 999 );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

That top div (which looks like extra space) is for the social icons. If you dont plan on adding social icons you can use this css

COPY CODE

@media (max-width: 991px) {
#top-social {
    display: none;
}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

In the code I gave you, change

COPY CODE

 if ( is_front_page() ) {
        return the_content();
    }
<pre>

to

<pre>
return the_content();

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I totally forgot that I added a new shortcode to k-elements 2 weeks ago that will allow you to put the social sharing anywhere you want. You need to be running Kleo 4+ to use it.

Remove the code I gave you a few months ago and try this instead.

COPY CODE

add_action('geodir_details_main_content', 'add_social_sharing', 35);
function add_social_sharing() {
    echo do_shortcode('[kleo_social_share]');
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Okay. Put this in your quick css until the next Kleo update

COPY CODE

.masonry-listing .post-image img {
    width: 100%;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Sorry, but I’m just not understanding the 3a issue. If you show all the columns on mobile, then the description will have to be pushed left. The topic and posts columns are centered and the freshness is pushed right.

The Keymaster label appears on mobile, but just not like it does on desktop. I tried some css to change that, but cant get it to look right.

The search forms dont have specific css class or element IDs depending on which shortcode you’re using. I think the only way to make that work is if you try to put a span element around the one of the shortcodes so you can assign a class to it. Then you can do something like

COPY CODE

.your-class-name #bbp-search-form {
    display: none !important;
}

Not 100% that it will work though.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

This isnt a bug. Its the plugins default styling.

If you want to change the entire container to white use this

COPY CODE

.bpfb_form_container {
    background-color: #fff;
}

If you only want to change the text area, use this

COPY CODE

#buddypress form#whats-new-form textarea {
    background-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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your quick css

COPY CODE

#bbp-search-form {
    width: 50%;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Add your css to the label itself like this

COPY CODE

<span class="btn" style="background-color: #00ff00; color: #fff;">Register</span>

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your quick css

COPY CODE

.wpcf7 input[type="submit"] {
    color: #000;
    border-color: #000;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

It also shows up on the members directory. In any case, you’ll have to edit the buddypress templates. Ask on the buddypress forums.

Otherwise, if you want to hide it all together, you can use this css

COPY CODE

#members-all, #activity-all {
    display: none;
}
#member-dir-count-top {
    display: none;
}
#member-dir-count-bottom {
    display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

1 – The issue is that they recently added a check for the nonce field, but failed to add it to the ajax call. I’ll add a fix for this in the next update. In the meantime, go to /buddyapp/functions.php and comment out the nonce check. Around line 905 look for

COPY CODE

check_ajax_referer( 'kleo-ajax-lost-pass-nonce', 'security-lost-pass' );

and change it to

COPY CODE

//check_ajax_referer( 'kleo-ajax-lost-pass-nonce', 'security-lost-pass' );

2 – I dont understand the issue. Please explain.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

It uses the body font size. To override it, put this in your quick css

COPY CODE

.news-focus .kleo-tabs .tabs-style-line li a {
    font-size: 20px;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Does this css resolve that?

COPY CODE

@media (max-width: 991px) {
.seven-column {
    width: 100%;
}
.seven-column .vc_col-sm-1 {
    width: 14%;
}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If you view the page source you can see that its producing the header-cover-image div. Kleo removes that for the BP default templates. In any case, you can always hide it with this code

COPY CODE

#header-cover-image {
    display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your quick css. Adjust as you see fit.

COPY CODE

.icon-basket-full-alt:before {
    font-size: 30px !important;
}
#menu-main .icon-search:before {
    content: 'Search' !important;
    font-family: 'open sans' !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If by landing page, you mean you have Your latest posts selected in Settings > Reading, then do this:

1 – Theme Options > Blog: Display type = Standard.

2 – Put this in your child theme’s functions.php file. It overrides the excerpt for the front page and will return the full content instead.

COPY CODE

\[[^\]]*\]

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

dont reinstall. One of two things is happening

1 – You need to clear your server cache or purge your CDN if you have those in place.

2 – You need to add this to your child theme’s functions.php file. Then resave your theme options.

COPY CODE

add_filter( 'kleo_theme_options_ajax', '__return_false' );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Before

COPY CODE

#buddypress a.button.fav:before, #buddypress a.fav.bp-secondary-action:before {
    content: "\e80f";
    color: red;
}

after

COPY CODE

#buddypress a.button.unfav:before, #buddypress a.unfav.bp-secondary-action:before {
    content: "\e80f";
    color: #ca0000;
}

hover

COPY CODE

#buddypress a.button.fav:hover:before, #buddypress a.button.unfav:hover:before, #buddypress a.fav.bp-secondary-action:hover:before, #buddypress a.unfav.bp-secondary-action:hover:before {
    color: green;
}

Change colors to suit your needs

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The row uses a 12 column layout. The column width needs to go into 12 evenly. So you cant break the full row into 7 equal columns.

But with some css magic you can…

In the column layout, click on custom and add this:

1/12 + 1/12 + 1/12 + 1/12 + 1/12 + 1/12 + 1/12

That will add 7 1/12″ sized columns. Then go into the row settings and add an Extra class name called seven-columns. Save that and then click on the gear icon in vc (upper right) and add this css.

COPY CODE

.seven-column {
    width: 100%;
}
.seven-column .vc_col-sm-1 {
    width: 14%;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Edit the page. Click on the gear icon in VC (top right) and add this

COPY CODE

.client img {
    opacity: 1;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I’ve submitted code to the developers for a new option in Theme Options > Woo that allows you to disable the free badge. The update will be available soon.

In the meantime, you can use this css

COPY CODE

span.free-badge {
    display: none !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You are hiding it with your custom css

COPY CODE

.main-title.alternate-color {
	display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this in your quick css. Adjust as you see fit

@media (min-width: 992px) {
#top-social.col-md-5 {
    width: 15%;
}
.top-menu.col-md-7 {
    width: 85%;
}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You probably cant see the toggle icons. Try this in your theme options quick css

COPY CODE

.caret:after {
    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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your quick css

COPY CODE

#bbpress-forums div.reply {
height: auto;
width: 100%;
position: relative; /* Added */
overflow: hidden; /* Added */
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I just tested this and the WP 2015 theme and the WP 2016 theme doesnt add the feeds even without the custom code, so it wasnt a good way to test this. Moving the bp_head call after the wp_head call doesnt work either.

Anyhow, the code you’re using is completely wrong. Try this

COPY CODE

function bpfr_hide_rss_feeds() {	
  remove_action( 'bp_head', 'bp_activity_sitewide_feed' );
  remove_action( 'bp_head', 'bp_members_activity_feed' );
  remove_action( 'bp_head', 'bp_groups_activity_feed' );  
}
add_action('bp_init', 'bpfr_hide_rss_feeds');

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your child theme’s functions.php file. Then refresh your options page, make your changes and try saving.

COPY CODE

add_filter( 'kleo_theme_options_ajax', '__return_false' );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

It appears you need to have the youtube link on a separate line.

COPY CODE

This is awesome!
http://www.youtube.com/watch?v=ROBmgYcIBww

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You have to set a minimum height for the title and excerpt containers. Something like this in your quick css should work. Adjust as you see fit

COPY CODE

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
    min-height: 60px;
}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
    min-height: 150px;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You can put this in your quick css so that all tabs are expanded on page load. But if a user clicks on a tab, all bets are off until another page load.

COPY CODE

.single-product .collapse {
    display: block !important;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts