Forum Replies Created
-
-
Hi,
Replace with these
COPY CODEul.site-wide-stream.swa-activity-list.swa-clearfix > li { -webkit-animation: none !important; -o-animation: none !important; animation: none !important; opacity: 1 !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; } #main-container .article-content .widget_bp_swa_widget .swa-wrap { -webkit-animation: none !important; -o-animation: none !important; animation: none !important; opacity: 1 !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !important; }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionHi,
Please replace that function with this
COPY CODEadd_action('kleo_before_main', 'sq7rdu_show_featured_before_content'); function sq7rdu_show_featured_before_content() { if (is_single()) { if (has_post_thumbnail()) { echo '<div class="fullwidth-image-before-content">'; echo the_post_thumbnail('full'); echo '</div>'; } } }Then use this css
COPY CODE.fullwidth-image-before-content img { width: 100% !important; }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionHi,
The only shortcode for register/search is [kleo_register_form] but i thinks it’s not what are you looking for.
A button can be added to the homepage editing the homepage and to add there the link with the button.
Example
COPY CODE<a href="/register">REGISTER</a>Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
I cannot figure out what’s causes that but if you will use this css it will be visible
COPY CODE.groups #buddypress .responsive-tabs li { width: 100% !important; }Maybe a plugin can causes this.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionHi,
Use this css
COPY CODE#main-container .article-content .widget_bp_swa_widget .swa-wrap { -webkit-animation: none !important; -o-animation: none !important; animation: none !important; opacity: 1 !important; -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; transform: none !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 solutionHi,
Try with this html structure
COPY CODE<div class="form-inline"> <input type="text" id="name" class="form-control input-lg" name="name" placeholder="Name"> <input type="email" id="mc4wp_email" class="input-lg" name="EMAIL" placeholder="Your email address" required /> <a class="btn btn-highlight btn-lg form-submit">SUBSCRIBE</a> </div>Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Please replace the html code with this
COPY CODE<a href="#" class="open-popup-link">open</a> <div id="show-in-popup" class="mfp-hide"> <h1>Test</h1> </div>And also add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.kleo-mfp-zoom.mfp-ready .mfp-content #show-in-popup { background: white; padding: 20px; border: 1px dotted #ddd; }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 solutionHi,
I’ve tweaked little, please add this and let me know if is ok
COPY CODE@media(max-width:760px){ #buddydrive-main nav.buddydrive-toolbar #buddydrive-manage-actions { width: 100% !important; margin-bottom: 15px; text-align:center !important; } div#buddydrive-main ul#buddydrive-manage-actions { width: 100% !important; } div#buddydrive-main nav.buddydrive-toolbar #buddydrive-search-input, div#buddydrive-main nav.buddydrive-toolbar select#buddydrive-filter { width:50%; } }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionHi,
The avatar size can be easy increased by adding this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.buddypress div#item-header img.avatar { width: 100% !important; }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
If you are looking to change the tab title font size only on home page use this css
COPY CODE.home .kleo-tabs.tabbable li a { font-size: 20px !important; }If you want sidewide use this
COPY CODE.kleo-tabs.tabbable li a { font-size: 20px !important; }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionFirst try without removing CSS
Now use this css for 100% white
COPY CODE.kleo-main-header .nav.navbar-nav li a { color: #fff !important; }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Add this Js to wp-admin -> theme options -> general settings -> javascript code ->
COPY CODE<script> jQuery('.open-popup-link').magnificPopup({ items: { src: '#show-in-popup', type: 'inline', }, preloader: false, mainClass: 'kleo-mfp-zoom', }); </script>Then add the next html on your page where you want to show the link to open the pop-up with form this html
COPY CODE<a href="#" class="open-popup-link">open</a> <div id="show-in-popup"> <h1>Test</h1> //here will be pasted your desired shortcode or text or any type of content </div>Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
We don’t have a dedicate option to can do that. The onliest option is to add a id to that row and to set from css position fixed, but this is a custom implementation.
from example you add this id to the row mydesiredelementtobefixed then in quick css area from wp-admin -> theme options -> general settings -> quick css you will add
COPY CODEdiv#mydesiredelementtobefixed { position: fixed; }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Just add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODEdiv#whats-new-options { display: block !important; }Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
You can change the color of the separator with this css
COPY CODE#top-social li a { border-right: 1px solid red !important; }If you want to remove the separators you can do it with this css
COPY CODE#top-social li a { border-right: 1px solid transparent !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. Ticket solutionHi again,
Try to use this css
COPY CODEh1,h2,h3,h4,h5,h5 { font-family: proxima-nova-n9, proxima-nova, sans-serif; font-style: normal; font-weight: 900; } a,b,p { font-family: proxima-nova-n9, proxima-nova, sans-serif; font-style: normal; font-weight: 900; } .portfolio-filter-tabs li a { font-family: proxima-nova-n9, proxima-nova, sans-serif; font-style: normal; font-weight: 900; }Let me know if is ok
PS : I will respond delayed because i’m on holiday, 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 solutionHi,
All available sliders are included in main archive that you have downloaded from theme forest
– Go to WordPress Admin -> Revolution Slider -> Import Slider.
– Now you need to go into your PC and Browse to the Demo content folder, located in the package downloaded from Themeforest, and go to Revolution Slider folder.
– Choose the one of the .zip files and click Import Slider.Vertical separator css proprieties can be overwritten with this css.
Replace with your desired color and size, etc.. if you can to change only color change this line border-left: 1px solid #ff5e5e; from ff5e5e to another color code
COPY CODE/* Vertical separator */ .vertical-separator { border-left: 1px solid #ff5e5e; padding-left: 30px; position: relative; margin-left: 8px; } .vertical-separator:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #ff5e5e; display: block; position: absolute; top: -15px; left: -3px; } The css can be added to wp-admin -> theme options -> general settings -> quick css Cheers R. .vertical-separator:after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #ff5e5e; display: block; position: absolute; bottom: -15px; left: -3px; }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
By using this CSS
COPY CODE.kleo-main-header .nav.navbar-nav li a { font-weight: 900 !important; }The difference between regular and bold it’s small
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 solutionHi,
Try this function instead
COPY CODEif ( ! function_exists( 'kleo_excerpt' ) ) { function kleo_excerpt( $limit = 80, $words = true ) { $excerpt_initial = get_the_excerpt(); if( $excerpt_initial == '' ){ $excerpt_initial = get_the_content(); } $excerpt_initial = preg_replace( '<code>\[[^\]]*\]</code>', '', $excerpt_initial ); $excerpt_initial = strip_tags( $excerpt_initial ); if ( $words ) { $excerpt = explode( ' ', $excerpt_initial, $limit ); if ( count( $excerpt ) >= $limit ) { array_pop( $excerpt ); $excerpt = implode( " ", $excerpt ) . '...'; } else { $excerpt = implode( " ", $excerpt ) . ''; } } else { $excerpt = $excerpt_initial; $excerpt = substr( $excerpt, 0, $limit ) . ( strlen( $excerpt ) > $limit ? '...' : '' ); } return '' . $excerpt . ' '; } }Replace 80 with your desired value
For the rest of the strings that you want to rename it/translate it use 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.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Add this css to wp-admin -> theme options -> stilling options -> quick css
COPY CODE#header .top-bar ul > li a { padding:0 13px !important;}Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.header-color.social-header { background-color: yellow; } .header-color .top-menu li > a, .header-color #top-social li a { font-family: monospace; color: red; }Replace with your desired color
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionWhere do you have added this code ?
COPY CODE<script src=”https://use.typekit.net/rbe0ekl.js”></script> <script>try{Typekit.load({ async: true });}catch(e){}</script>Make sure you load the font….
You haven’t loaded the font into the website that’s the reason for not working…
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
Use these CSS’s
COPY CODEdiv#buddydrive-main .button-large:not(.buddydrive-hide), div#buddydrive-main #buddydrive-uploader #bp-upload-ui:not(.drag-drop) #bp-browse-button { padding: 0px 10px !important; } div#buddydrive-main nav.buddydrive-toolbar #buddydrive-search-input, div#buddydrive-main nav.buddydrive-toolbar select#buddydrive-filter { line-height: initial !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. Ticket solutionHi,
There is a limit for max-height, so you can remove it with this css.
COPY CODE.logo img { max-height: 40px; }The css will be added to wp-admin -> appearance -> theme options -> quick css
You should place the icon form the logo on the left white without to much space to fit ok
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionUse this css
COPY CODE.activity.buddypress.page form#whats-new-form {display:none !important;} .activity.buddypress.page.bbp-user-page form#whats-new-form {display:block !important;}Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionFor the new rules that you are using add !important at the end and in special cases you should target more accurate the element with css
from example h1 {font-family:’Monserat’ !important;} maybe it will not works but this maybe it will work .portfolio h1 {font-family:’Monserat’ !important;}
Try this selector please
COPY CODEul.portfolio-items .portfolio-header h3.post-title, ul.portfolio-items .portfolio-header h3.post-title a { font-family:'arial' !important;}Replace arial with your font family
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOk i see, Try to replace this function kleo_add_custom_nav_fields form /wp-content/themes/kleo/lib/menu-custom.php around line 47 with thisfunction kleo_add_custom_nav_fields( $menu_item ) { if(isset($menu_item->ID)) { $menu_item->mega = get_post_meta($menu_item->ID, '_menu_item_mega', true); $menu_item->icon = get_post_meta($menu_item->ID, '_menu_item_icon', true); $menu_item->iconpos = get_post_meta($menu_item->ID, '_menu_item_iconpos', true); $menu_item->istyle = get_post_meta($menu_item->ID, '_menu_item_istyle', true); } return $menu_item; }But on theme update this will be overwrite this file cannot be rewritten in child. Cheers R.Hi,
The onliest available options for membership restricting we have it in wp-admin -> theme options -> memberships.
And with the snippet below you can force users after signup to buy a package to can view the community otherwise the users will be locked in the membership levels page.
COPY CODEadd_action( 'template_redirect', 'my_membersip_restrict' ); function my_membersip_restrict() { global $pmpro_pages, $post; if ( is_user_logged_in() && !pmpro_hasMembershipLevel() ) { if (isset($post->ID) && !in_array($post->ID, $pmpro_pages)) { wp_redirect( pmpro_url() ); } } }The snippet will be pasted in wp-content/themes/kleo-child/functions.php
NOTE : The Kleo Child Theme needs to be installed and activated.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi 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 colorspan.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 stuffsh1.page-title { text-align: center !important; } form.woocommerce-ordering { display: none; } p.woocommerce-result-count { display: none; }//centering in groups pagination and number of groupsdiv#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.
Hi,
I cannot see that, but i’ve saw this in wp admin
COPY CODEhttp://www.emberofdreams.com/wp-content/plugins/better-wp-security/E:/Hosti…ins/better-wp-security/core/modules/strong-passwords/js/script.js?ver=4041 Failed to load resource: the server responded with a status of 404 (Not Found)I think also the another problem is caused by the security of this plugin :
Also when i’ve tried to upload an image i’ve receive this : Upload Failed! Error was: Unable to create directory wp-content/uploads/avatars/21/avatars/21. Is its parent directory writable by the server?
You will have to set permission 755 to the uploads folder (wp-content/uploads/)
So, de-activate the security plugin and try again.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi, Code for changing bubble colorspan.kleo-online-status { background: red !important; }Change header border color.kleo-main-header { border-bottom: 1px solid red !important; }Removing order tabsli#orders-personal-li { display: none !important; }Centering buddypress navigation linksdiv#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 functionfunction 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.
