Forum Replies Created
-
Author
-
RaduModerator
Hi,
Sorry,
Add this css to
COPY CODE.pagination-sticky .outter-title { width: 160px !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 9, 2016 at 20:17 in reply to: How to change background color on the right Sidebar – Dashboard page #109583RaduModeratorCOPY CODEbody, #content, .page-title-colors, #respond { background-color: red; }
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi Flavius,
For the images size you can use this function in wp-content/themes/kleo-child/functions.php
COPY CODEfunction KleoCustomImagesSizes () { global $kleo_config; // Post image sizes for carousels and galleries $Kleo_config ['post_gallery_img_width'] = 555; $Kleo_config ['post_gallery_img_height'] = 333; } add_action ('after_setup_theme', 'KleoCustomImagesSizes');
Your site is messed please fix the issue with the site i cannot view the recent posts widget behaviour.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 9, 2016 at 19:36 in reply to: How can I remove the border and event icons inside the Dashboard item? #109570RaduModeratorAh, i’ve missed that, see below
COPY CODE.widget_em_widget > ul > li:before { display: none !important; } .widget_em_widget > ul > li { padding-left:0; }
Cheers
RAdu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 9, 2016 at 19:34 in reply to: How to change background color on the right Sidebar – Dashboard page #109567RaduModeratorSure,
COPY CODE.tpl-right-sidebar .sidebar { background: green !important; }
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.kleo-tabs .tabs-style-line>li>a { font-weight: bold; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi Tonny,
The css here :
COPY CODE#buddypress div#message.info p { color: #333; } body { background: #333; } div#item-header-wrap { background: red !important; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 9, 2016 at 19:04 in reply to: How can I remove the border and event icons inside the Dashboard item? #109547RaduModeratorHi,
Use this
COPY CODE.widget_em_widget table:not(#wp-calendar) tr td, .widget_em_widget table:not(#wp-calendar) tr th { border: 0; } .widget_em_widget table:not(#wp-calendar) {border: 0;}
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Add this to wp-admin -> theme options -> general settings -> quick css
COPY CODE#form-allowed-tags { display:none; }
Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Sure,apply this css in wp-admin -> theme options -> general settings -> quick css
COPY CODE.pagination-sticky.member-navigation #newer-nav, .pagination-sticky.member-navigation #older-nav { width: 180px !important; }
Let me know if is ok
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Strange, please enable wp debug by going to ftp in root directory of your wp install open wp-config.php look for define( ‘WP_DEBUG’, false ); and change it to true and after this line add this
COPY CODEdefine( 'WP_DEBUG_LOG', true );
WP_DEBUG_LOG is a companion to WP_DEBUG that causes all errors to also be saved to a debug.log log file inside the /wp-content/ directory. This is useful if you want to review all notices later or need to view notices generated off-screen (e.g. during an AJAX request or wp-cron run).
Repeat the described actions and then check the debug.log file and let me know what error appears.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Do you have plugins updated especially K-elements and Visual composer ?
Please check update state from wp-admin -> appearance -> install plugins, update plugins that have are not updated.
Also please enable wp debug by going to ftp in root directory of your wp install open wp-config.php look for define( ‘WP_DEBUG’, false ); and change it to true and after this line add this
COPY CODEdefine( 'WP_DEBUG_LOG', true );
WP_DEBUG_LOG is a companion to WP_DEBUG that causes all errors to also be saved to a debug.log log file inside the /wp-content/ directory. This is useful if you want to review all notices later or need to view notices generated off-screen (e.g. during an AJAX request or wp-cron run).
Repeat the described actions and then check the debug.log file and let me know what error appears.
If is something related to php memory please follow this link : seventhqueen.com/blog/code-snippets/increase-php-memory-limit-in-wordpress.html
Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 9, 2016 at 17:58 in reply to: How can I change the background/bars color on the topic page? #109517RaduModeratorHi Tonny,
All css’s are below
COPY CODEdiv.bbp-template-notice.info { background-color: green !important; } #bbpress-forums ul.bbp-replies .bbp-header, #bbpress-forums ul.bbp-replies .bbp-footer { background-color: yellow; } #bbpress-forums .bbp-topic-form, #bbpress-forums .bbp-reply-form { background-color: red !important; } div.bbp-template-notice, div.indicator-hint { background-color: yellow; } .quicktags-toolbar { background-color: green !important; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi again,
Use this
COPY CODE#bbpress-forums ul.bbp-topics { border: 1px solid #586571; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #586571; }
You’re welcome Tony
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
The border has 1px only, try this css is more lite the border now
COPY CODE@media only screen and (min-width: 768px) { #item-header-wrap { border-right: 1px solid #586571; width: 250px !important; } }
For the profile details bg use this
COPY CODEtable.profile-fields tr td { background-color: #23314E !important; } You're welcome Have a nice week Cheers Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
I see that the code that are in that pages are not the same if you will paste the code from the site where the pop-up works the pop-up will open.
In the site that pop-up works the code is
And the code that not works inserted in kleo theme is
Why are you sure that is a theme problem ?
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.alternate-color.bp-full-width-profile div.generic-button a.add { background: red !important; border: 1px solid #333 !important; }
Replace red with your color and also the border and let me know if the css works
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
For the groups use this css
COPY CODEbody.groups #item-header-avatar { border-width: 0 !important; }
You’re welcome
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Add this css to wp-admin -> theme options -> general settings- > quick css
COPY CODEbody.is-user-profile.bbp-user-page #item-header-avatar { border-width: 0px !important; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 8, 2016 at 18:49 in reply to: Is it possible to show the Site-Wide Activity on the Dashboard? #109272RaduModeratorHi,
Please add this css to hide de avatar from there
COPY CODE.home #buddypress ul#activity-stream.activity-list > li.mini .activity-avatar { display: none !important; } .home #buddypress ul#activity-stream.activity-list > li .activity-content { margin: 0; }
You’re welcome
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorUse this css
The title
COPY CODEh4.kb-section-name a { color: red !important; }
Comments form bg
COPY CODEdiv#respond { background: red !important; }
The button color if you need
COPY CODEdiv#respond { background: red !important; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Use this css
COPY CODE#bbpress-forums .bbp-topics .bbp-body ul.odd { background: rgba(74, 95, 138, 0.5); } #bbpress-forums .bbp-topics .bbp-body ul.even { background: #3B4B6B; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
I see that the white color from profile you have solved right ?
For the profile menu background use this css
COPY CODE#buddypress div#item-header .profile-cover-inner,#buddypress div#item-nav, #item-header.profile-cover-inner { background:none; background-color: red !important; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
This can be caused by php max memory, please enable wp debug by going to ftp in root directory of your wp install open wp-config.php look for define( ‘WP_DEBUG’, false ); and change it to true and after this line add this
COPY CODEdefine( 'WP_DEBUG_LOG', true );
WP_DEBUG_LOG is a companion to WP_DEBUG that causes all errors to also be saved to a debug.log log file inside the /wp-content/ directory. This is useful if you want to review all notices later or need to view notices generated off-screen (e.g. during an AJAX request or wp-cron run).
Repeat the described actions and then check the debug.log file and let me know what error appears.
If is something related to php memory please follow this link : seventhqueen.com/blog/code-snippets/increase-php-memory-limit-in-wordpress.html
Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi Thalia,
Yesterday i’ve replied here an solution but i see that the reply is not there, strange.
Please replace the function that i have provided to you in reply #108580 with this
COPY CODEif(!function_exists('kleo_add_lang_menu_item')) { function kleo_add_lang_menu_item ( $items, $args ) { if ($args->theme_location == 'primary') { $items .= '<span class="gtranslatespan">'; $items .= do_shortcode('[GTranslate]'); $items .= '</span>'; } return $items; } } add_filter( 'wp_nav_menu_items', 'kleo_add_lang_menu_item', 200, 2 );
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODEspan.gtranslatespan { display: inline-block; text-align:center; padding: 0 !important; margin: 0 !important; } span.gtranslatespan select {padding:0px 5px !important;margin:0px 5px;height:20px;color:#fff !important;background-color:#111;}
In this way the flags will be grouped with the flags dropdown under flags.
Regarding the menu, this is caused by download manager plugin that it loads bootstrap js library our our library, look in download manager plugin for a option that stop loading bootstrap, if this option not exists you can contact the plugin author to ask for this option,or you can disable it until you solve with the plugin.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Yes is compatible see here: https://archived.seventhqueen.com/documentation/kleo#ubermenu
Try with this css
COPY CODEul#menu-main-menu .dropdown-menu>li>a { font-size: 33px; }
Add this css to wp-admin -> theme options -> quick css
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi HMD6,
What you want to achieve it’s pretty custom and it will require some dedicated time of programming, in this case i recommend you to find and hire a developer to help you with your tasks.
Here are some tips that i can provide you :
1.The file that control the breadcrumbs are there : /kleo/wp-content/themes/kleo/kleo-framework/lib/function-breadcrumb.php and wp-content/themes/kleo/page-parts/general-title-section.php
2. I;ve provided a similar solution here : https://archived.seventhqueen.com/forums/topic/fix-sidebar
3. in kleo are available only search form that doesn’t have the dropdown functionality for refine search like in your site that you have given example
4. You can do that by adding an custom menu item as submenu and after the menu item name add from example
COPY CODE<b class="flag"></b>
then you will need to style that b.flag class by adding a background image and rest of proprietes.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
If you need that label also in top bar add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.top-bar em { border-radius: 2px; font: 10px Arial,Helvetica,sans-serif; padding: 1px 3px; font-style: normal; background-color:#00b9f7; color:#fff; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
You can hide that icon by using this css
COPY CODEspan.hearts { display:none !important; }
But if you want to replace that icon you can use this css
COPY CODE.circular-item .hearts { background: url(../images/hearts_bg.png) no-repeat !important; display: block; width: 39px; height: 30px; position: absolute; right: 0; top: -20px; }
Replace ../images/hearts_bg.png with your link to the img
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi
Please add this function to your kleo child functions.php ( wp-content/themes/kleo-child/functions.php )
COPY CODEfunction kleo_set_default_sidebar($name) { if(get_the_id()){ $post_id = get_the_id(); $selected_sidebar_replacement = get_post_meta($post_id, 'sbg_selected_sidebar_replacement', true); if( isset($selected_sidebar_replacement[0]) && $selected_sidebar_replacement[0] === 0 ){ return "WooDemoShop1"; } } return $name; } add_filter('kleo_sidebar_name', 'kleo_set_default_sidebar');
Rename WooDemoShop1 to your desired sidebar that you want to be default.
That’s all, kleo child needs to be activated.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
I see, we will investigate this but please add this css into your wp-admin -> theme options -> general settings -> quick css
COPY CODEi.icon.icon-basket-full-alt { line-height: 88px !important; }
Let me know if this will solve the issue.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please add this css to wp-admin -> theme options -> styling options -> quick css
COPY CODE.article-content ul { margin-left: 30px; }
Let me know if is ok
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi Thalia,
the logo can be changed from wp-admin -> theme options -> general settings -> logo.
If the logo doesn’t change it’s possible that your homepage to have a custom logo assigned, you can check by going to wp-admin -> pages -> look for your homepage -> open the page scroll down -> Theme General settings -> Custom logo.
Regarding the translator, please use this plugin https://wordpress.org/plugins/gtranslate/
And in plugin settings page use this settings ( see attached screenshot )
And in wp-content/themes/kleo-child/functions.php add this code
COPY CODEif(!function_exists('kleo_add_lang_menu_item')) { function kleo_add_lang_menu_item ( $items, $args ) { if ($args->theme_location == 'primary') { $items .= do_shortcode('[GTranslate]'); } return $items; } } add_filter( 'wp_nav_menu_items', 'kleo_add_lang_menu_item', 200, 2 );
The lang switcher will appear in menu
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionAttachments:
You must be logged in to view attached files.RaduModeratorHi,
Login to FTP -> go to directory where your wp is installed -> look for wp-config.php -> look for
define( ‘WP_DEBUG’, false );and change it to
define( ‘WP_DEBUG’, true );
enable also the wp_debug_log to store all errors / https://codex.wordpress.org/WP_DEBUG#WP_DEBUG_LOG by adding under define( ‘WP_DEBUG’, true );
COPY CODEdefine( 'WP_DEBUG_LOG', true );
the debug log will store all errors
Then repeat the action and check the debug.log from wp-content and let me know what errors appears there.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Just add this css to wp-admin -> theme options -> styling options -> quick css
COPY CODEbody.home ul#menu-sweetdate { display: none !important; }
Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorYes you should copy the file here : wp-content/themes/kleo-child/page-parts/general-popups.php
You should have kleo child theme installed and activated, kleo child will keeps your modifications after update.
You can customize the menu font size line height from wp-admin -> theme options -> header options -> Main Menu Font size and line height
You can set color for the text menu with this css, add the css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.navbar .navbar-nav>li>a { color: red !important; }
Replace red with your desired color
Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorPlease add this css to wp-admin -> theme options -> quick css
COPY CODE@media (max-width: 990px) { div#header { position:fixed; width:100%;!important; display: inline-block; z-index:99 !important; height: 100px; } div#main { margin-top:90px; } }
Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Kleo doesn’t have this functionality but you can use this javascript.
COPY CODE<script src="https://rawgit.com/leafo/sticky-kit/v1.1.2/jquery.sticky-kit.js"></script> <script> jQuery(".sidebar-right").stick_in_parent(); </script>
This code will be added to wp-admin -> theme options -> general settings -> JavaScript code.
Instead of .sidebar-right you will need to paste the widgets class or div that you want to stay floated
If you cannot handle this, let me know what widgets to stay floating
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please try this css
COPY CODE.kleo-register-size-large input[type="text"], .kleo-register-size-large input[type="password"], .kleo-register-size-large input[type="text"]:focus, .kleo-register-size-large input[type="password"]:focus{ height: 50px; padding: 10px 15px; border-width: 2px !important; }
Let me know
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts