Forum Replies Created
-
Author
-
RaduModerator
Hi,
1. Replace code that i have you provided with this
COPY CODE@media (max-width: 780px) { .kleo-main-header.header-normal { position: fixed !important; top: 0 !important; background-color: #fff !important; } .navbar-transparent .navbar-toggle .icon-bar { background-color: #222!important; } }
2. Paste the code that i have you provided in wp-content/themes/kleo-child/functions.php ( only if you want to add another field to form or to remove certain field if you want only to change string names use Loco Translate )
3. Read the official guide about loco translate : https://localise.biz/help/wordpress/translate-plugin/beginners
Beside the settings that you can find in theme options or customizer, anything else need to be mannualy styled , that will require css/html/php knowledge and you should hire a developer for future custom theme modifications.
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 styles.
Topbar
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; }
MainMenu
COPY CODE.kleo-main-header .collapse { background-color: red; } .kleo-main-header .collapse li a{ color:green; }
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
COPY CODE.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { background-color: green; }
Replace green with your desired color
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 change the side menu bg color with this css
Add this code to your wp-admin -> theme options -> general settings -> quick css
COPY CODE.side-color { background: green; }
The items can be added to sidemenu by checking -> side menu on wp-admin -> appearance -> menus ( see attached screenshot)
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,
I’ve reproduced your described issue,
And i saw in source code this comment in html structure
COPY CODE<!-- Ticket #11289, IE bug fix: always pad the error page with enough characters such that it is greater than 512 bytes, even after gzip compression abcdefghijklmnopqrstuvwxyz1234567890aabbccddeeffgghhiijjkkllmmnnooppqqrrssttuuvvwwxxyyzz11223344556677889900abacbcbdcdcededfefegfgfhghgihihjijikjkjlklkmlmlnmnmononpopoqpqprqrqsrsrtstsubcbcdcdedefefgfabcadefbghicjkldmnoepqrfstugvwxhyz1i234j567k890laabmbccnddeoeffpgghqhiirjjksklltmmnunoovppqwqrrxsstytuuzvvw0wxx1yyz2z113223434455666777889890091abc2def3ghi4jkl5mno6pqr7stu8vwx9yz11aab2bcc3dd4ee5ff6gg7hh8ii9j0jk1kl2lmm3nnoo4p5pq6qrr7ss8tt9uuvv0wwx1x2yyzz13aba4cbcb5dcdc6dedfef8egf9gfh0ghg1ihi2hji3jik4jkj5lkl6kml7mln8mnm9ono -->
See the attached screenshot
Discussion about this issue here : https://wordpress.org/support/topic/feed-stop-working-4
https://core.trac.wordpress.org/ticket/8942
Try to disable g-zip encoding and let me know if it works.
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,
Ftp credentials seems to be incorrect
COPY CODEStatus: Resolving address of doggiestest.wpengine.com Status: Connecting to 66.228.52.230:21... Status: Connection attempt failed with "EHOSTUNREACH - No route to host". Error: Could not connect to server Status: Waiting to retry... Status: Resolving address of doggiestest.wpengine.com Status: Connecting to 66.228.52.230:21... Status: Connection attempt failed with "EHOSTUNREACH - No route to host". Error: Could not connect to server
Please test the ftp login before give it to me, most probably i will respond you back on 4 january.
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 code to your wp-admin -> theme options -> general settings -> quick cssCOPY CODE.side-color { background: green; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Client key correct but admin credentials incorrect, just add this css to wp-admin -> theme options -> general settings -> quick CSS. I’ve tested live on your website and it shows ok.
COPY CODE@media(max-width:780px) { .kleo-main-header.header-normal {position:fixed !important;top:0 !important;background-color:#222 !important;} strong.logo {width:75% !important;margin-top:15px;} }
After you add this code to css, refresh the homepage holding CTRL + F5 for 1 second.
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 problem with women men online was caused by renaming the fields names, you have renamed from men to Uomo and women to Donna
Now is running this code and it displays women/men ‘s online, please make sure that when you made test disable cache and empty your browser cache.
COPY CODE[kleo_status_icon type="total" subtitle="Utenti Iscritti"] [kleo_status_icon type="members_online" subtitle="Utenti Online"] [kleo_status_icon type="Donna" subtitle="Donne online"] [kleo_status_icon type="Uomo" subtitle="Uomini online"]
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Regarding to this :
Thanks for this, yes now the mobile menu is sticky, but how to make the menu background white and black font just like the desktop version please?Please provide access to your website to can view and test the css, then i will provide the css for this.
———————
1. I need client key to ca view website
2. You can customize or changing strings names or buttons by adding this function to wp-content/themes/kleo-child/functions.php
COPY CODE/*************************************************** :: Bottom contact form ***************************************************/ if (!function_exists('kleo_contact_form')) { function kleo_contact_form( $atts, $content = null ) { extract(shortcode_atts(array( 'title' => 'CONTACT US' ), $atts)); $output = ''; $output .= '<div class="kleo-quick-contact-wrapper">' .'<a class="kleo-quick-contact-link" href="#"><i class="icon-mail-alt"></i></a>' .'<div id="kleo-quick-contact">' .'<h4 class="kleo-qc-title">'. $title .'</h4>' .'<p>'. do_shortcode($content).'</p>' .'<form class="kleo-contact-form" action="#" method="post" novalidate>' .'<input type="text" placeholder="'.__("Your Name",'kleo_framework').'" required id="contact_name" name="contact_name" class="form-control" value="" tabindex="276" />' .'<input type="email" required placeholder="' . __("Your Email",'kleo_framework') . '" id="contact_email" name="contact_email" class="form-control" value="" tabindex="277" />' .'<textarea placeholder="' . __("Type your message...",'kleo_framework') . '" required id="contact_content" name="contact_content" class="form-control" tabindex="278"></textarea>' .'<input type="hidden" name="action" value="kleo_sendmail">' .'<button tabindex="279" class="btn btn-default pull-right" type="submit">'. __("Send",'kleo_framework').'</button>' .'<div class="kleo-contact-loading">'. __("Sending",'kleo_framework').' <i class="icon-spinner icon-spin icon-large"></i></div>' .'<div class="kleo-contact-success"> </div>' .'</form>' .'<div class="bottom-arrow"></div>' .'</div>' .'</div><!--end kleo-quick-contact-wrapper-->'; return $output; } add_shortcode('kleo_contact_form', 'kleo_contact_form'); }
3. For string translation you can use loco translate plugin. https://wordpress.org/plugins/loco-translate/
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 -> styling options -> quick css
COPY CODE@media (max-width:780px) { #logo a { float: left; left: 50%; position: relative; transform: translateX(-50%); }}
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 CODEheader.transition.move_menu:hover {opacity:0.9}
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
1. add this css to wp-admin -> theme options -> quick css
COPY CODEbody.members li.kleo-masonry-item .member-inner-list { height: 155px !important; }
For the rest of steps is not an easy to do this and it require some dedicated time of work and i suggest you to hire a developer.
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 CODEbutton.vc_btn3 { background-color: red !important; color:#fff !important; } .wpb_wrapper .btn { background-color: red !important; color: #FFF !important; }
REplace colors with yours.
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 search input color add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.header-color .kleo-search-wrap input[type="text"] { color: red !important; }
For the line add this css to wp-admin -> Theme options -> General settings -> Quick css
COPY CODE@media (max-width: 991px) {#top-social {border-bottom-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 solutionRaduModeratorHi,
First time when you showed me it was a simple forum not a forum assigned to a group.
Add this css to your wp-admin -> theme options -> general settings -> quick css
COPY CODE#bbpress-forums div.bbp-reply-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { width: 120px; font-style: normal; font-size: 9px; font-weight: bold; position: absolute; z-index: 10; text-align: center; text-transform: uppercase; line-height: 26px; top: 12px; right: -34px; margin: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #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,
Add this css to your wp-admin -> theme options -> general settings -> quick css
COPY CODE.kleo-main-header.header-normal {position:fixed !important;top:0 !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,
Merry Christmass
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE.woocommerce-page ul.products li.product:hover a.button.add_to_cart_button.product_type_simple { color:#333 !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 solutionRaduModeratorHi,
Put these lines
COPY CODEdefine( 'WP_DEBUG', true ); define( 'WP_DEBUG_LOG', true );
In wp-config.php then repeat the action , look on the screen if some error appears if not check the wp-content/error.log or debug.log
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,
You should replace the function with the new code function
COPY CODEadd_filter( 'bbp_get_dynamic_roles', 'ntwb_bbpress_custom_role_names' ); function ntwb_bbpress_custom_role_names() { return array( // Keymaster bbp_get_keymaster_role() => array( 'name' => __('My Custom Keymaster Role Name', 'kleo_framework'), 'capabilities' => bbp_get_caps_for_role( bbp_get_keymaster_role() ) ), // Moderator bbp_get_moderator_role() => array( 'name' => __('My Custom Moderator Role Name', 'kleo_framework'), 'capabilities' => bbp_get_caps_for_role( bbp_get_moderator_role() ) ), // Participant bbp_get_participant_role() => array( 'name' => __('My Custom Participant Role Name', 'kleo_framework'), 'capabilities' => bbp_get_caps_for_role( bbp_get_participant_role() ) ), // Spectator bbp_get_spectator_role() => array( 'name' => __('My Custom Spectator Role Name', 'kleo_framework'), 'capabilities' => bbp_get_caps_for_role( bbp_get_spectator_role() ) ), // Blocked bbp_get_blocked_role() => array( 'name' => __('My Custom Blocked Role Name', 'kleo_framework'), 'capabilities' => bbp_get_caps_for_role( bbp_get_blocked_role() ) ) ); }
Now the strings can be translated, if you use a translation plugin like loco translate you should rescan the kleo child for new strings, after that you will be able to translate string for any lang you want.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorTry to replace code with this
COPY CODE@media(min-width:700px) { .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { height:55px !important; width:auto !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,
Control menu neight with this css
COPY CODE.kleo-main-header.header-left:not(.header-scrolled) .navbar-collapse>ul>li>a { line-height: 45px!important; }
Regarding the menu bar please provide a screenshot that pointing out the menu bar
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi idaeback
Add this function to your wp-content/themes/kleo-child/functions.php
COPY CODEadd_filter( 'bbp_get_dynamic_roles', 'ntwb_bbpress_custom_role_names' ); function ntwb_bbpress_custom_role_names() { return array( // Keymaster bbp_get_keymaster_role() => array( 'name' => 'My Custom Keymaster Role Name', 'capabilities' => bbp_get_caps_for_role( bbp_get_keymaster_role() ) ), // Moderator bbp_get_moderator_role() => array( 'name' => 'My Custom Moderator Role Name', 'capabilities' => bbp_get_caps_for_role( bbp_get_moderator_role() ) ), // Participant bbp_get_participant_role() => array( 'name' => 'My Custom Participant Role Name', 'capabilities' => bbp_get_caps_for_role( bbp_get_participant_role() ) ), // Spectator bbp_get_spectator_role() => array( 'name' => 'My Custom Spectator Role Name', 'capabilities' => bbp_get_caps_for_role( bbp_get_spectator_role() ) ), // Blocked bbp_get_blocked_role() => array( 'name' => 'My Custom Blocked Role Name', 'capabilities' => bbp_get_caps_for_role( bbp_get_blocked_role() ) ) ); }
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,
Please replace that code with this
COPY CODE.kleo-main-header ul.dropdown-menu li a:hover { background-color:red !important; }
Sorry for misunderstanding.
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 line will be like this :
COPY CODE<li><small><a href="/resetpassword" rel="nofollow">< ?php _e("FORGOT YOUR USERNAME OR PASSWORD?", 'kleo_framework');?></a></small></li>
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
You can change the link text color with this css
COPY CODE.sidebar .menu-events-and-awards-container ul li a { color: green; }
The hover color will be applied like this
COPY CODE.sidebar .menu-events-and-awards-container ul li a:hover { color: red; }
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 set a header background image with this css
COPY CODE.kleo-navbar-fixed .page-boxed .kleo-main-header { background-image: url(http://icdn2.digitaltrends.com/image/nikon-d750-sample-image-008-1500x1001.jpg); background-position: 0 50%; }
And with this css you can control the size of the logo width and height
COPY CODE#header .logo img {height:70px;with:auto;}
Replace values with your desired values
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 CODE.top-menu .dropdown-menu li a:hover { background: green !important; }
replace green with your desired color.
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionDecember 21, 2015 at 18:13 in reply to: How do I hide the entire top menu for logged in users? #94606RaduModeratorHi,
Please add this function to wp-content/theme/kleo-child/functions.php
COPY CODEfunction KleoRemoveTopBarLoggedUsers() { $output = ''; if (is_user_logged_in()) { $output .= '<style> .header-color.social-header { display: none !important;} </style>'; } echo $output; } add_action('wp_head', 'KleoRemoveTopBarLoggedUsers');
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,
You can achieve that by loading the font resource directly to head via this function
COPY CODEadd_action('wp_head','Kleo_hook_font'); function Kleo_hook_font() { $output="<link rel='stylesheet' href='http://linktomyfont.com/font.css' type='text/css' media='all' />"; echo $output; }
Then add to css (wp-admin -> theme options -> general settings -> quick css)
body,a,b,h1,h2,h3,h4,h5,h5 { font-family : ‘Meiryo UI’; }
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 your theme options -> wp-admin -> theme options -> general settings -> quick CSS
COPY CODEdiv#jp-relatedposts { background: #1C1C1C; margin: 0; color:#fff; !important } .sharedaddy.sd-sharing-enabled { background-color: #1C1C1C; color: #FFF !important; } .sd-content ul {margin:0 !important;} #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { opacity:1 !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 solutionRaduModeratorHi,
First please copy this file from /wp-content/themes/sweetdate/page-parts/general-login-modal.php to /wp-content/themes/sweetdate-child/page-parts/general-login-modal.php
After you have copied the file, open general-login-modal.php from sweetdate-child go to line 39 and replace this :
COPY CODE<li><small><a href="#" data-reveal-id="forgot_panel"><?php _e("FORGOT YOUR USERNAME OR PASSWORD?", 'kleo_framework');?></a></small></li>
with this
COPY CODE<li><small><a href="/register"><?php _e("FORGOT YOUR USERNAME OR PASSWORD?", 'kleo_framework');?></a></small></li>
add your desired link here
COPY CODE<a href="/register">
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi raafat1403,
Hi,
Please use debug function https://codex.wordpress.org/WP_DEBUG
Add to your wp-config.php file these lines
COPY CODEdefine( 'WP_DEBUG', true ); define( 'WP_DEBUG_LOG', true );
Repeat the action, and see if is displayed additional error on screen, if not please go to ftp to wp-content folder and look for error.log and post content of error log here.
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,
Please use this css instead
COPY CODEbody.messages li.friend-tab img.avatar{ height: auto; width:100px; }
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 function to wp-content/themes/kleo-child/functions.php
COPY CODE/* Prevent logged out users from accessing bp activity page */ function nonreg_visitor_redirect() { global $bp; if ( bp_is_members_component() || bp_is_activity_component() || bp_is_groups_component() ) { if(!is_user_logged_in()) { //just a visitor and not logged in //wp_redirect( get_option('siteurl') . '/wp-login.php' ); wp_redirect( home_url() . '/register/' ); } } } add_filter('get_header','nonreg_visitor_redirect',1);
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,
Use this css
COPY CODE.group-single #item-meta p { color: #555 !important; font-size: 15px; }
Replace color and font size with your desired values.
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 replace
COPY CODEbody.home span.activity { display: none;}
with
COPY CODEspan.activity {display: none;}
Let me know if it 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 again,
Or if this is urgent for you can path this issue simply.
go to wp-content/wp-content/themes/sweetdate/header.php line 23 and remove this line
COPY CODE<title><?php wp_title( '|', true, 'right' ); ?></title>
That’s all
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 CODE.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { height:55px !important; width:auto !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,
Please check now.
The issue was caused by your listing problem..
The issue was fixed with this value
COPY CODEdiv.w2dc-content .w2dc-fields-group .w2dc-field-content { display: block !important; }
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