Customize Profile Icons & Media Section

[dicedev]

Hello,

 

I am trying to figure out how I can reorder, remove and center the profile section that displays the icons for buddypress. ex: activity, profile, etc).

1) I would like to remove the orders icon/text button.

2) I would like to center that whole nav section with my page (including view/edit upload photo/cover photo buttons)

3) And possible rearrange the order of those buttons and icons.

4) I would like to increase the font size of the user name (title) and make the font bold. that displays on members profile pages as well.

Also, the rtMedia plugin doesnt seem to be functioning, unless im doing something wrong.  I have everything installed, and am able to login, click it create an album, and select or drag media to upload.  After hitting the upload button the green progress bar moves left to right and when it finishes (the upload completes) however the image(s) do not display and it still shows the album as empty.

Thanks in advance for your help, love the theme!

Benjie

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[Laura]

Not marked as solution

[dicedev]

Not marked as solution

[Laura]

Not marked as solution

[Radu]

Hi, Code for changing bubble color

span.kleo-online-status {
    background: red !important;
}

Change header border color

.kleo-main-header {
    border-bottom: 1px solid red !important;
}

Removing order tabs

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

Centering buddypress navigation links

div#buddypress #item-nav .item-list-tabs ul.responsive-tabs {
    margin: 0 auto !important;
    display: inline-block;
}

#buddypress div.item-list-tabs#subnav ul{
     margin: 0 auto !important;
    text-align: center;
    display: inline-block;
}

#buddypress #item-body div#subnav {
    margin: 0 auto !important;
    text-align: center;
}

Increasing font size of the username title

.buddypress .template-page .page-title { 

font-size:66px !important;

}

All those CSS's codes can be pasted on wp-admin -> theme options -> general settings -> quick css OR in child theme wp-content/themes/kleo-child/style.css You can change order with this function

function my_change_profile_tab_order() {
    global $bp;
    $bp->bp_nav['settings']['position'] = 10;
    $bp->bp_nav['activity']['position'] = 20;
    $bp->bp_nav['friends']['position'] = 30;
    $bp->bp_nav['groups']['position'] = 40;
    $bp->bp_nav['blogs']['position'] = 50;
    $bp->bp_nav['messages']['position'] = 60;
    $bp->bp_nav['profile']['position'] = 70;
}
add_action( 'bp_setup_nav', 'my_change_profile_tab_order', 999 );

The function will be added to wp-content/themes/kleo-child/functions.php 10,20,30,40,50 etc represents order The upload problem can be caused by some server settings like max_upload_sizem in first instance try to use this plugin : https://wordpress.org/plugins/increase-upload-max-filesize/ it it doesn’t work ask your hosting provider to increase these values : upload_max_filesize = 32 post_max_size = 32 memory_limit = 128 Please next time write in a single ticket to be easy for us to read. Cheers R.

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[Radu]

Hi again, 1. Remove activity filter

.bp-user li#activity-filter-select {
    display: none !important;
}

2. You can do that with such plugin : https://wordpress.org/plugins/404page/ 3. Go to wp-admin -> appearance -> menus -> go to store menu item and remove/add your desired items 4.

.pull-left{
  left: -100% !important;
  margin-left: 10px !important;
  border-radius: 0;
}

5. We don't have such as option, the order will be applied wite wide for all users and profiles and we don't have a quick solution for this. Custom color only online bubble color

span.kleo-online-status.high-bg {
    background: red !important;
}

//centering meta on members and groups page

.groups div#subnav, .members div#subnav {
    text-align: center;
}

//woocommerce center and remove some stuffs

h1.page-title {
    text-align: center !important;
}

form.woocommerce-ordering {
    display: none;
}

p.woocommerce-result-count {
    display: none;
}

//centering in groups pagination and number of groups

div#pag-bottom {
    text-align: center !important;
}

#buddypress div.pagination .pag-count {
    text-align: center !important;
    float: none !important;
}

//align to left the complete registration button

#buddypress .standard-form#signup_form div.submit {
    float: left !important; 
}

For the text that you need to change follow the next procedure : Theme strings and plugins strings can easily be changed by using Loco Translate plugin https://wordpress.org/plugins/loco-translate/

A small introduction on how translations work

Translatable strings can come from the theme or from the installed plugins. You need to translate the theme or the plugin depending on what section of the site your string is found. For example if your string is on your BuddyPress profile then most probably you will need to translate BuddyPress plugin. If you are on the Forums section of your site then bbPress plugin should be the one that needs to be translated. Another example is the rtMedia plugin that adds the Media links to BuddyPress and if you want to translate it then this plugin will contain the string.

Follow these steps to get you started:

• Install Loco Translate plugin
• Go to the plugin dashboard: WP Admin - Tools - Manage translations
• Find the theme or plugin in the list.
• If the language isn't already in the list then click Add new language, choose your language and if you are asked where you want to save the language files choose global language directory ( wp-content/languages/ ).
• Press SYNC button to synchronise your translation with the provided .pot file
• Search for the string you want to translate and add your translated string.
• Press Save when you finished your translation.

Note: You will have to set the language for your blog from WP-admin - Settings - General - Site Language - Choose your language Cheers. R.

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[Radu]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[Radu]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[dicedev]

Not marked as solution

[Radu]

Not marked as solution

[dicedev]

Not marked as solution

[Radu]

Not marked as solution

[dicedev]

Not marked as solution

[Author]

Posts