Radu

[Radu]

Regarding to renaming activity to wall try this

COPY CODE

function change_activity_title($data) {
	if( $data == 'Activity' ) {
		$data = 'Wall';
	}

	return $data;
}

add_filter( 'bp_get_directory_title', 'change_activity_title' );

Let me know if it works.

Regards

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

.dwqa-single-question .dwqa-question .dwqa-author img {
-webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
}

.dwqa-list-answers .dwqa-author img {
-webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
}

.dwqa-comments #dwqa-respond img { 
-webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
}

Let me know if it works.

Regards

Radu

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 CSS

COPY CODE

@media (max-width: 737px) {
  input {
    font-size:16px;
  }
}

Some discussions about this.

http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
https://jonassebastianohlsson.com/blog/2013/11/25/how-to-stop-zoom-in-on-input-focus-on-mobile-devices/

Let me know if it works.

Cheers

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 code to Quick CSS area from Wp-Admin -> Theme Options -> General Settings -> Quick CSS.

COPY CODE

ul#menu-kleonavmenu li#nav-menu-item-side { display: none; }
body.logged-in ul#menu-kleonavmenu li#nav-menu-item-side { display: inline-block; }

Let me know if it works.

Regards

Radu

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 code to a text widget on sidebar.

COPY CODE

<div class="kleo-fb-wrapper text-center">
<a href="#" class="kleo-facebook-connect btn btn-default "><i class="icon-facebook"></i>
 Log in with Facebook</a>
</div>

Regards

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]

This reply has been set as private.

[Radu]

Use this CSS by adding to Wp-Admin -> Theme Options -> General Settings -> Quick CSS or in kleo-child/style.css

COPY CODE

.article-content p iframe {
    max-height: 450px !important;
    width:100% !important;
}

Replace 450px with your desired height.

Regards

Radu

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,

This a css way to truncate answers, if you want to have more button at the end it’s more complicated and require some time, i suggest you to contact plugin developer to help you with more button at the end

COPY CODE

.answer-list div  {
display: inline-block;
margin:0px;
width:100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

Cheers

RAdu

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]

Try this css,

Let me know if it works.

COPY CODE

table.job-manager-jobs td.filled { display: none; }
table.job-manager-jobs th.filled { display: none; }

Best Regards

Radu

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,

For space between avatar and text fields just replace this from kleo-child/style.css

COPY CODE

.bp-custom-header-container .bp-custom-to-left {
    margin: 0 auto;
    text-align: center;
    float: left;
}

width this

COPY CODE

.bp-custom-header-container .bp-custom-to-left {
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-right: 25px;
}

Regarding the rotate picture i don’t know what solution to give you, but I’ve searched on google and i see that buddy-press media it’s able to do that, just do some tests with the buddyress media.

Regards

Radu

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,
Quick fix for the posts meta

COPY CODE

small.meta-author.author.vcard {
    width: auto !important;
    margin: 0 !important;
}

Regarding the hover search it require some time to achieve this, for the moment i can’t provide the solution for this, i reply you later or tomorrow with a fix.

Best regards

Radu

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

Can you check please ?

I think it’s OK, i suggest you to remove that < br > tags or do some little css customizations.

Let me know if it’s OK

For users that needs something similar I have done the following operations :

1. In kleo-child directory from wp-content/themes/ I’ve created a folder named buddypress then inside this folder I’ve created a folder named members, then inside this folder I’ve created a folder named single, in this folder unzip and upload the attached file, our folder structure will be like this : themes/kleo-child/buddypress/members/single/member-header.php

2. I’ve added this CSS to kleo-child/style.css

COPY CODE

.bp-custom-header-container #item-header-content {
    float: right;
    margin:0 auto;
    text-align:center;
    max-width: 100%;
}
.bp-custom-header-container .bp-custom-to-left {
    margin:0 auto;
    text-align:center;
    float: left;
}
.bp-custom-header-container {
    margin: 0 auto !important;
    display: inline-block;
}
.bp-custom-header-container h4.user-nicename { color:#EFEFEF !important; }

That’s all.

Best Regards

Radu

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 ?

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

The easiest and quick way to achieve this is to do via CSS

COPY CODE

body.buddypress.is-user-profile div#item-header {display:block !important;}
body.buddypress div#item-header {display:none !important;}

Cheers

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

Notification tab white

COPY CODE

.kleo-toggle-submenu {background-color: #FFF !important;}
.kleo-toggle-submenu ul li {color:#000 !important}
.kleo-toggle-submenu ul li a {color:#000 !important;}

Regarding the search, instead on click and expand you want to have hover and expand ?

Regards

Radu

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. Fix for follow button.

COPY CODE

span.dwqa-favourite {
    width: auto !important;
}

2. Change search color

COPY CODE

div#ajax_search_container {
    background-color: red !important;
}

input.ajax_s.form-control.ui-autocomplete-input {
    background-color: red !important;
}

Let me know if is ok.

Regards

Radu

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. Go to Appearance -> Menus -> Just reorder the tabs then press save, the search cannot be moved.

2. I’ve added a class named hidethisbutton then i added on Quick CSS area this snippet :

COPY CODE

ul#menu-top-menu li.hidethisbutton { display: none;}
body.logged-in ul#menu-top-menu li.hidethisbutton {display:inline-block;}

Regards

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]

Try this CSS

COPY CODE

.dwqa-comment-author .dwqa-date img {
    width: 50px !important;
}

.dwqa-single-question .dwqa-comment {
    padding-left: 80px !important;
}

Regards

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

COPY CODE

<em>NEW</em>

in the menu title and the NEW label will be appear.

Let me know if it’s ok.

Cheers

Radu

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]

@Camyen

Add this css to your kleo-child/style.css

COPY CODE

/*Align job title with date*/
#job-manager-job-dashboard table ul.job-dashboard-actions {
	height: 0;
	min-width: 105% !important;
}

Regarding the ? from Filled? it seems that is generated by the plugin.

Cheers

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]

Test it please and let me know if is ok.

COPY CODE

/* Activity Page */
#buddypress div.item-list-tabs ul li a{font-weight:bold;}
#buddypress div.item-list-tabs ul li a:hover {color: #339933 !important;}
#buddypress div.item-list-tabs#subnav ul li.selected a {color:#339933 !important;}

/* Profile Page */

#buddypress #item-body #subnav ul li a:hover {color: #333 !important;}

Regards

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 code to your Theme Options -> General Settings -> Quick CSS or FTP in wp-content/themes/kleo-child/style.css

COPY CODE

@media(max-width:600px) {

.header-color.social-header {
    display:none;
}
}

Regards

Radu

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]

Try this snippet

COPY CODE

#buddypress div.item-list-tabs#subnav ul li a {
    color:#222;
    font-weight:bold;
    background-color:rgba(0, 128, 0, 0.7);
    padding:0 15px;
    margin: 0 2.5px;
}

#buddypress div.item-list-tabs#subnav ul li.selected a {
    color:#FFF !important;
    font-weight:bold;
}

Let me know if is ok.

Regards

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]

If you want to see directly member profile instead activity add this code

COPY CODE

/**
 * Change BuddyPress default Members landing tab.
 */
define('BP_DEFAULT_COMPONENT', 'profile' );

To kleo-child/functions.php

It’s ok ?

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,

You can remove that border using this css

COPY CODE

#buddypress div.profile {
    border-width: 0px !important;
}

Let me know if is ok

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]

It’s ok ?

COPY CODE

#buddypress #item-body #subnav ul li a {color:#666 !important;}
#buddypress #item-body #subnav ul li.current a {color:green !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]

I not see the css that i provided on the page, can you provide admin login details, i will remove that line, if no, please add this code to your kleo child style.css

COPY CODE

#buddypress .activity-timeline {
    width: 0 !important;
    border-width: 0 !important;
    position: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

It should work i’ve tested

Cheers

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

<a href="#tab-0e423149-274a-1" data-toggle="tab">This the link to tab 2</a>

Every id needs to have tab- prefix also needs to have data-tootle=”tab”

Cheers

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]

Sorry, I’ve forgot to put the html code in pre tags

COPY CODE

<a href="#1437682928518-2-10">Webdesign TAB</a>

It’s ok ?

Regards

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]

Try this css snippet

COPY CODE

#buddypress .activity-timeline {
    width: 0 !important;
    border-width: 0 !important;
    position: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

Let me know if is ok.

Regards

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]

If you hover the icons will be gray.

COPY CODE

#buddypress #item-nav ul li a:hover:before {color:#666 !important;}

IT’s ok ?

Cheers

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 tested again and it the search works on both pages,

In homepage you have some errors caused by a third party plugins.

COPY CODE

GET http://www.5starweddingdirectory.com/modules/rests_wapmydo_p_/templates/js/advertising.js net::ERR_BLOCKED_BY_CLIENT
(index):22 GET http://ad.linksynergy.com/fs-bin/show?id=skdmCtWAJSo&bids=254410.10001377&subid=0&type=4&gridnum=16 net::ERR_BLOCKED_BY_CLIENT
main.js:59 You have included the Google Maps API multiple times on this page. This may cause unexpected errors.ol @ main.js:59(anonymous function) @ main.js:60google.maps.Load @ js?v=3.14&libraries=places&sensor=false&key=AIzaSyDzJecpXsexVhBA9EK6Rg3P6jb_UPSmZh4:18(anonymous function) @ main.js:60(anonymous function) @ main.js:61
2select2.min.js:2 Select2: The lanugage file for "select2/i18n/en-GB" could not be automatically loaded. A fallback will be used instead.
widgets.js:303 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.stumbleupon.com') does not match the recipient window's origin ('http://www.5starweddingdirectory.com').STMBLPN.Widget.sendBadgeData @ widgets.js:303STMBLPN.processWidgets @ widgets.js:245STMBLPN.events.ready @ widgets.js:131(anonymous function) @ widgets.js:469(anonymous function) @ widgets.js:475
sdk.js:64 Invalid App Id: Must be a number or numeric string representing the application id.
sdk.js:64 FB.init has already been called - this could indicate a problem
VM4093:9 Uncaught TypeError: Cannot set property 'nd' of undefined(anonymous function) @ VM4093:9Ch.main @ main.js:59(anonymous function) @ main.js:39(anonymous function) @ main.js:27(anonymous function) @ main.js:27(anonymous function) @ main.js:27$f @ main.js:28Wf.(anonymous function).F @ main.js:27(anonymous function) @ common.js:1
VM4100:6 Uncaught TypeError: Cannot read property 'forward' of undefined(anonymous function) @ VM4100:6Ch.common @ VM4099:35(anonymous function) @ main.js:39(anonymous function) @ main.js:27(anonymous function) @ main.js:27(anonymous function) @ main.js:27(anonymous function) @ main.js:27(anonymous function) @ main.js:27$f @ main.js:28Wf.(anonymous function).F @ main.js:27(anonymous function) @ common.js:1
2select2.min.js:2 Select2: The lanugage file for "select2/i18n/en-GB" could not be automatically loaded. A fallback will be used instead.

I suggest you do deactivate plugins one by one to identify what plugin causes the errors.

Cheers

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]

Now the line appears bottom, it’s ok ?

COPY CODE

.kleo-main-header .navbar-collapse > ul > li > a, .header-banner {
  line-height: 50px !important;
}
 
.navbar-nav>li>.dropdown-menu {
  margin-top: 0 !important;
}
 
.kleo-main-header .nav > li.active > a {
  box-shadow: inset 0px -2px 0px 0px #00b9f7 !important;
}
 
.kleo-main-header .nav > li > a:hover {
  box-shadow: inset 0px -2px 0px 0px #e5e5e5 !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]

Try now with this snippet

COPY CODE

body.groups h1.page-title {
  font-size: 3em !important;
}

Let me know if is ok

Regards

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 new page and switch from visual to text the editor and paste next code

COPY CODE

[vc_row el_id="" front_status="" inner_container="yes" text_align="" text_color="" section_type="main" type="" bg_color="" bg_position="top" bg_position_horizontal="left" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" enable_parallax="" parallax_speed="0.1" bg_video_src_mp4="" bg_video_src_ogv="" bg_video_src_webm="" vertical_align="" column_gap="" padding_top="40" padding_bottom="40" padding_left="" padding_right="" margin_top="" margin_bottom="" min_height="0" border="bottom" overflow="" animation="" css_animation="right-to-left" visibility="" inline_style="" el_class=""][vc_column width="1/1"][vc_row_inner][vc_column_inner width="1/2" css=".vc_custom_1437487334716{background-color: #8224e3 !important;}"][vc_column_text css_animation="right-to-left" font_weight="bold"]
<div style="height: 300px; overflow: hidden;"><span style="color: #ffffff;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span>
<span style="color: #ffffff;"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></div>
[/vc_column_text][/vc_column_inner][vc_column_inner width="1/2" css=".vc_custom_1437487366262{background-color: #1e73be !important;}"][vc_column_text css_animation="right-to-left" font_weight="bold"]
<div style="height: 300px; overflow: hidden;">

<span style="color: #ffffff;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span>
<span style="color: #ffffff;"> Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span>

</div>
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

If you want to have scroll functionality on that block where you have more text replace
overflow: hidden; with overflow: auto;

Regards

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]

Can you elaborate little ?

In theory simple like this

COPY CODE

.column1 {height:300px;}
.column2 {height:300px;}

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 css snippet and tell me if it’s ok.

COPY CODE

.kleo-main-header .navbar-collapse > ul > li > a, .header-banner {
  line-height: 50px !important;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0 !important;
}

.kleo-main-header .nav > li.active > a {
  box-shadow: inset 0px 1px 0px 0px #00b9f7;
}

.kleo-main-header .nav > li > a:hover {
  box-shadow: inset 0px 1px 0px 0px #e5e5e5;
}

You can add this CSS snippet to Wp-Admin -> Theme Options -> General settings -> Quick CSS area or in Kleo Child via FTP in this path wp-content/themes/kleo-child/style.css (The kleo child needs to be activated )

Regards

Radu

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]

Try with this CSS snippet

COPY CODE

.kleo_framework.breadcrumb span a {
  font-size: 2em;
}

Add this code to Wp-admin -> Theme Options -> General Settings -> Quick CSS or add via FTP in wp-content/themes/kleo-child/style.css

Regards

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]

put the snippet that i provided you after the

COPY CODE

/***************************************************
:: Load Kleo framework
***************************************************/

HERE

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 this php snippet, add to wp-admin/wp-content/themes/kleo-child/functions.php

COPY CODE

/*Hide theme header if the url contains fb=register*/
$url = $_SERVER["REQUEST_URI"];
$fromFB = strpos($url, 'fb=registered');
if($fromFB !== false) {
?>
<style type="text/css">
#header {display:none !important;}
</style>

<?php
}
/*END theme header if the url contains fb=register**/

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 easiest way is to do this via CSS

Add this css snippet to Wp-Admin -> Theme Options -> General Settings -> Quick CSS or you can add this snippet to your kleo-child/style.css

COPY CODE

@media (max-width: 640px) {

    div#footer {
        display: none !important;
    }

    div#header {
        display: none !important;
    }

}

Regards

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