Kieran

[Kieran]

Hi @Hanifa,

You can hide this with CSS by adding the below to your child theme’s style.css or to the Quick CSS in theme options.

COPY CODE

.comment-form .logged-in-as {
    display: none !important;
}

Kieran.

[Kieran]

Hi,

1. To generate your desired shortcode open a new page (there’s no need to publish this page), use visual composer to create it. Once created switch to classic mode / text and copy everything but the [vc_row][vc_column] and [/vc_row][/vc_column]. You can the replace the [MYSHORTCODEHERE] with the shortcode you have just generated.

The code I supplied above will only show on the homepage (as in the page that is set as the front page in “Settings > Reading”).

If you wish to target different pages you’ll have to do it slightly differently.

Example – This will show your shortcode on a page where the slug is “home”

COPY CODE

// Add Carousel to page with slug home below breadcrumbs section
add_action('kleo_before_content','add_carousel_to_home');
function add_carousel_to_home() {
    if ( is_page( 'home' ) ) {
        echo do_shortcode('[MYSHORTCODEHERE]');
    }
}

To target more pages or page ID’s you can review this document https://developer.wordpress.org/reference/functions/is_page/ (this link will also be useful when using a widget logic plugin)

To target different areas of the theme please see the theme documentation here https://archived.seventhqueen.com/documentation/kleo and scroll to Theme Hooks.

You can repurpose the above code as many times as you like to achieve different results and content in different areas of the theme. Simply replace the // DESCRIPTION and the two instances of add_carousel_to_home with an appropriate description of what you’re doing.

2. Glad that works for you. In that case you should probably do as we discussed earlier and set the page to the three column layout with left and right sidebar.

Kind Regards,

Kieran.

[Kieran]

Hi @youllsee42,

Just going to throw in my two cents worth here.

You can hide the ‘Select package’ text/radio button by adding this CSS to your child theme’s style.css or to the Quick CSS area of the theme options panel.

COPY CODE

.geodir_price_package_row.geodir_form_row.clearfix {
    display: none;
}

With regards to the error, I accessed the page but did not receive that error/warning. But I did notice that AWPCP was still active, this might be causing some issues for you.

Kieran.

[Kieran]

Hi @jwchameleoncorp,

1. To make your carousel appear below the breadcrumbs add this code to your child theme functions.php file. It is VERY important that you edit this code before saving it. Replace ‘[MYSHORTCODEHERE]’ with your shortcode for the carousel. Always make a backup of your child theme before making changes.

COPY CODE

// Add Carousel to Homepage below breadcrumbs section
add_action('kleo_before_main','add_carousel_to_home');
function add_carousel_to_home() {
    if ( is_front_page() ) {
        echo do_shortcode('[MYSHORTCODEHERE]');
    }
}

2. Remove everything from the homepage and go back to a single row in visual composer. Add element (your picture grid). Add element ‘BuddyPress > Activity Page’.

3. Set your page template to ‘3 Columns – left and right sidebars’.

Once that’s in place you can use the conditional logic plugin we spoke about to make sure you only see what you want seen on X page(s). You can also style (through row settings and custom CSS) the content and right sidebar to appear as they are currently.3

Kind Regards,

Kieran.

[Kieran]

@jwchameleoncorp

That is correct.

Regarding your CSS issue it seems you have overriding CSS. Are you by chance using the widget inside something Visual Composer related? Either way this should fix the issue.

COPY CODE

.vc_column_container a.bbp-forum-title {
    color: #585858 !important;
}

Change #585858 to suit your needs.

Kieran.

[Kieran]

Hi @jwchameleoncorp

To hide it within the directory too you can use the below CSS.

COPY CODE

body.directory.members #buddypress #members-list span.update {
    display: none !important;
}

[Kieran]

You can hide the latest update by adding this CSS to either your child theme style.css or to the Quick CSS in theme options.

COPY CODE

#latest-update {
    display: none !important;
}

[Kieran]

Are you by chance running a caching plugin or a service like CloudFlare? If so you will have to clear those and your browser cache for changes to show.

If after clearing the cache nothing appears to have changed you could try

COPY CODE

.change-avatar blockquote {
    display: none !important;
}

[Kieran]

If it is a page you can target the page ID in css, replace 39 with the page ID

COPY CODE

.page-id-39 .social-header {
    display: none !important;
}

[Kieran]

You could try the following in your child theme style.css or in the theme option panel Quick CSS

COPY CODE

h1.page-title {
    line-height: 1.2em;
}

[Kieran]

Hi @Debo

You can add the following CSS to either your child theme style.css or to the theme section Quick CSS to make the Gravatar section disappear.

COPY CODE

.profile blockquote {
    display: none !important;
}

[Kieran]

Hi @kjcarleo

That’s unusual for CSS in child theme style.css not to come through. Is your child theme activated? Do you have a cache on your site/server or CloudFlare? If you do it may well need cleared before you’d see any changes through style.css.

You have two entries for .kleo-notifications.new-alert you should remove both entries and replace with

COPY CODE

.kleo-notifications.new-alert {
    background-color: #dd3333;
    color: #ffffff;
    position: absolute;
    top: 18px !important;
    right: -24px !important;
    border-radius: 0 !important;
}

[Kieran]

Hi @kjcarleo to make the bubble square add this to your child theme style.css

COPY CODE

.kleo-notifications.new-alert {
    border-radius: 0 !important;
}

[Kieran]

Hi Laura,

I really liked this snippet, saves a lot of time! I modified the above snippet to add US States should anyone be interested.

COPY CODE

/*
If you are using BP 2.1+, this will insert a state selectbox.
Add the function to bp-custom.php and then visit .../wp-admin/users.php?page=bp-profile-setup
Remove this function after the field is created.
*/
 
function bp_add_custom_state_list() {
 
  if ( !xprofile_get_field_id_from_name('state') && 'bp-profile-setup' == $_GET['page'] ) {
 
		$state_list_args = array(
		       'field_group_id'  => 1,
		       'name'            => 'state',
		       'description'	 => 'Please select your state',
		       'can_delete'      => true,
		       'field_order' 	 => 2,
		       'is_required'     => false,
		       'type'            => 'selectbox',
		       'order_by'	 => 'custom'
 
		);
 
		$state_list_id = xprofile_insert_field( $state_list_args );
 
		if ( $state_list_id ) {
 
			$states = array(
				"Alabama",
"Alaska",
"Arizona",
"Arkansas",
"California",
"Colorado",
"Connecticut",
"Delaware",
"Florida",
"Georgia",
"Hawaii",
"Idaho",
"Illinois",
"Indiana",
"Iowa",
"Kansas",
"Kentucky",
"Louisiana",
"Maine",
"Maryland",
"Massachusetts",
"Michigan",
"Minnesota",
"Mississippi",
"Missouri",
"Montana",
"Nebraska",
"Nevada",
"New Hampshire",
"New Jersey",
"New Mexico",
"New York",
"North Carolina",
"North Dakota",
"Ohio",
"Oklahoma",
"Oregon",
"Pennsylvania",
"Rhode Island",
"South Carolina",
"South Dakota",
"Tennessee",
"Texas",
"Utah",
"Vermont",
"Virginia",
"Washington",
"West Virginia",
"Wisconsin",
"Wyoming"
			);
			
			foreach (  $states as $state ) {
				
				xprofile_insert_field( array(
					'field_group_id'	=> 1,
					'parent_id'		=> $state_list_id,
					'type'			=> 'option',
					'name'			=> $state,
					'option_order'   	=> $i++
				));
				
			}
 
		}
	}
}
add_action('bp_init', 'bp_add_custom_state_list');

[Kieran]

Hi @meltdown,

To answer your question in more detail you’d have to be clearer on what it is you wanted to achieve with points 2 and 3. However if you’re comfortable with CSS please see below.

1. Go to Theme Options > Title / Breadcrumb Section > Scroll down to “Title/Breadcrumb Section”. You’ll see that you’re using an em wrap for the piece of text. To make the text appear like the rest of the text on your site you can remove the following class="muted".

2. You can alter the appearance of the checkout steps by adding the following with your own custom CSS to your child theme style.css

COPY CODE

.woocommerce .checkout-steps {
    background-color: darkmagenta;
    color: #ffffff;
}

3. As before you can edit the following css and add to your child theme style.css
Apply Coupon

COPY CODE

.coupon input.button:nth-of-type(2) {
    background-color: darkmagenta;
    color: white;
}

Update Cart

COPY CODE

.totals-wrap input.button:nth-of-type(1) {
    background-color: darkmagenta;
    color: #ffffff;
}

If you need more specific CSS let me know what you’re after and I’ll update it for you.

[Kieran]

Hi @Hanifa this added to your child theme’s style.css should make it disappear.

COPY CODE

h2.rtm-gallery-title {
    display: none;
}

This will also make the same title in the BuddyPress account disappear

[Kieran]

Hi @Hchy,

If you’re looking to add it above the main content only (so it does not appear above the sidebar) you would do something like

COPY CODE

function ads_before_content() {
 
    echo '
    <div style="width:728px;height:90px;background-color:red;display:block;margin:0 auto;">
    728 AD
    </div>
    ';
 
}
add_action ('kleo_before_main_content', 'ads_before_content');

as for after the main content it would be something like

COPY CODE

function ads_after_content() {
 
    echo '
    <div style="width:728px;height:90px;background-color:red;display:block;margin:0 auto;">
    728 AD
    </div>
    ';
 
}
add_action ('kleo_after_main_content', 'ads_after_content');

The code you shared above would “render something before the main content and sidebar” see here https://archived.seventhqueen.com/documentation/kleo#hooks

Hope this helps 🙂 If I got the wrong end of the stick please accept my apologies for jumping into the conversation.

[Kieran]

For some reason it didn’t show properly for the third piece of CSS.

Dots after

COPY CODE

.vertical-separator:after {
background: #000000 !important;
}

[Kieran]

Hi @Happiier, you can override the CSS by inserting the below into your child themes style.css (change #000000 to your desired color).

Dots before

COPY CODE

.vertical-separator:before {
    background: #000000 !important;
}

Line

COPY CODE

.vertical-separator {
    border-left: 1px solid #000000 !important;
}

Dots after
`.vertical-separator:after {
background: #000000 !important;
}’

Hope this helps 🙂

[Kieran]

Could be wrong but this in your child theme should do the trick

COPY CODE

.navbar-header {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

Kieran.

[Kieran]

This should work, if not try their (BP Profile Search) support forum http://dontdream.it/support/topic

Go to the plugin editor and select the custom fields plugin, click the file bp-xprofile-custom-fields-type.php in wp-content/plugins/buddypress-xprofile-custom-fields-type if not already selected and add the code (below) at the very end after all other code.

COPY CODE

add_filter ('bps_field_type_for_validation', 'bxcft_map');
add_filter ('bps_field_type_for_search_form', 'bxcft_map');
add_filter ('bps_field_type_for_filters', 'bxcft_map');
add_filter ('bps_field_type_for_query', 'bxcft_map');
function bxcft_map ($field_type)
{
    if ($field_type == 'birthdate')  return 'datebox';
    return $field_type;
}

[Kieran]

Hi,

I just tried your CSS provided with a tweak for margin on both and it worked a charm, I forgot to mention I was using the tabs from Kleo instead of the default (as per your screenshot above), thank you so much for your help as ever @sharmstr !

COPY CODE

#buddypress div.profile .dl-horizontal dt {
  float: left;
  text-align: left;
margin-left: 15px;
}

#buddypress div.profile .dl-horizontal dd {
  clear: both;
  margin-left: 15px;
  text-align: left !important;
}

[Kieran]

This is incredibly rough / manual and might not work everywhere so you may need to add to this.

Add the following to style.css when using a child theme, or to the css box in theme options if not running child theme.

COPY CODE

#item-header-avatar .user-1-avatar {
border: 4px solid #367bb7;
}
.activity-avatar .user-1-avatar {
border: 2px solid #367bb7;
}

The value of 1 indicates the user ID you wish to highlight in this way, so if the user ID is 32, change 1 to 32.

Hope this helps.

[Kieran]

I looked and there doesn’t appear to be an option to turn this on/off, however when running a child theme you can add the following to Appearance > Editor > Style.css to simply hide it.

COPY CODE

#group-create-nav {
  visibility: hidden;
}

[Kieran]

COPY CODE

<span style="color:  <a href=" http:="" wowsasase.org="" ?s="%23800000&quot;" rel="nofollow" class="hashtag">#800000;">와우사사세입니다. 어서오세요.<br>
</span>

Wrapped in code this time*

[Author]

Posts