Forum Replies Created
-
Author
-
January 15, 2016 at 15:53 in reply to: How to change members in total picture on the front page? #98701RaduModerator
Hi,
Go to wp-admin -> pages -> search for homepage -> edit -> look for
COPY CODE[kleo_status_icon type="total" subtitle="Members in total"] [kleo_status_icon type="members_online" subtitle="Members online"] [kleo_status_icon type="women_online" subtitle="Women online"] [kleo_status_icon type="men_online" subtitle="Men online"]
You need to edit each shortcode by adding this parameter foreach item, example :
[kleo_status_icon type=”total” subtitle=”Members in total” image=”http://localhost/sweet/wp-content/uploads/2016/01/1680×1050-dodger-blue-solid-color-background.jpg”%5D [kleo_status_icon type=”members_online” subtitle=”Members online” image=”http://localhost/sweet/wp-content/uploads/2016/01/1680×1050-dodger-blue-solid-color-background.jpg”%5D [kleo_status_icon type=”women_online” subtitle=”Women online” image=”http://localhost/sweet/wp-content/uploads/2016/01/1680×1050-dodger-blue-solid-color-background.jpg”%5D [kleo_status_icon type=”men_online” subtitle=”Men online” image=”http://localhost/sweet/wp-content/uploads/2016/01/1680×1050-dodger-blue-solid-color-background.jpg”%5D
Replace url 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,
Add this CSS to wp-content/themes/kleo-child/style.css
COPY CODE.widget_nav_menu .parent>a .caret:after { display: block; content: "-" !important; position: absolute; right: 0; top: 16px; font-size: 25px; height: 30px; line-height: 30px; margin-top: -15px; width: 30px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget_nav_menu .parent>a .caret.active:after { top:17px !important; content: "+" !important; font-size: 15px; }
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 think this issue is caused by wordfence : https://wordpress.org/support/topic/error-the-username-or-password-you-entered-is-incorrect-lost-your-password-2?replies=3#post-6996522 try to disable the plugin then clear cache and test after, in the link that i have provided you is a function try to translate.
You can try also with this function
COPY CODEadd_filter('ae_after_login_user', 'check_login'); function check_login($result){ if(is_wp_error($result)){ return new WP_Error('login_failed', __("The login information you entered were incorect. Please try again!", ET_DOMAIN)); } return $result; }
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 CODEarticle.course p.bp-group-discussion { float: left; }
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’re welcome
Here is fix for the lang switcher
You should add it to wp-content/themes/kleo-child/functions.php
COPY CODEif( !function_exists('kleo_wpml_wp_nav_menu_items_filter') ){ function kleo_wpml_wp_nav_menu_items_filter( $items, $args ){ if( $args->theme_location == 'primary' ) { $items = str_replace( '<a href="#" onclick="return false">', '<a href="#" class="js-activated">', $items ); $items = str_replace( '</a><ul class="sub-menu submenu-languages">', '<span class="caret"></span></a><ul class="sub-menu submenu-languages dropdown-menu pull-left">', $items ); } return $items; } add_filter( 'wp_nav_menu_items', 'kleo_wpml_wp_nav_menu_items_filter', 10, 2 ); }
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 with this in style.css
COPY CODE.kleo-transform .one-by-one-animated .start-animation .el-appear, .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: 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,
Please try with this in style.css
COPY CODE.kleo-transform .one-by-one-animated .start-animation .el-appear, .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear { -webkit-animation: none; -o-animation: none; animation: none; opacity: 1; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: 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,
Please try with this function
Add it to wp-content/themes/sweetdate-child/functions.php
COPY CODEfunction hook_fa_45() { $output = "<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">"; echo $output; } add_action('wp_head', 'hook_fa_45');
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 solutionRaduModeratorYou should remove all codes that i have provided you in this topic and replace it with this code
COPY CODE@media (max-width:780px) { #logo a { float: left; left: 50%; position: relative; transform: translateX(-50%); }} body.home form .row .three.mobile-one.columns { width: 42%; } body.home form .row .five.mobile-one.columns label { text-align: center !important; } body.home .five.columns { margin: 0 auto !important; float: none; padding: 0 !important; } body.home form .five.mobile-four.columns { float: left; }
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,
1. The solution that i gave you above is an experimental one and its not an official/stable fix for having a fixed mobile menu.
The code that i given you it doesn’t cover all the use cases and you should use it as a guidance for for improving your menu. I recommend you to stick with the default menu options.
2. For the issue with the WPML lang switcher we are working on a solution and we will let you know when is ready.
In the future we will consider it as theme option.
I;ve pasted on your theme options -> general settings -> quick css this snippet
COPY CODE@media(max-width:980px) { ul#menu-main-menu-eng li.menu-item-has-children { overflow-y: auto; max-height: 150px; } }
You can use this css that it allows you to scroll in the menu but is only experimental
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorDone,
This was caused by this shortcode that you have added by mistake i think
COPY CODE[kleo_posts_carousel cat="all" limit=""]
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 CODEbody.members #main h2 { color: #F00056; } body.page-id-914 #main h2 { color: #F00056; }
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 theme update that has overwritten the header.php where i’ve made the modification.
Add code this to wp-content/themes/kleo-child/functions.php
COPY CODEfunction hook_fa_sweet_sq7() { $output = "<link rel='stylesheet' id='font-awesome-css' href='http://seventhqueen.com/demo/sweetdatewp/wp-content/themes/sweetdate/assets/styles/font-awesome.min.css' type='text/css' media='all' />"; echo $output; } add_action('wp_head', 'hook_fa_sweet_sq7');
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 -> general settings -> quick css
COPY CODElabel.screen-reader-text { position: absolute !important; left: -999em !important; }
This fix will be included in next theme update
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 your wp-admin -> theme options -> general settings -> quick css
COPY CODE.related-wrap ul.kleo-carousel li article .post-image img { width: 100%; }
This will be included in our next theme update.
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’ve modified this file : wp-content/themes/sweetdate/custom_buddypress/bp-functions.php at line 1549
COPY CODE<a href="'.bp_get_member_permalink().'" title="'.bp_get_member_name().'">'.bp_get_member_avatar('type=thumb&width=125&height=125').'</a>
to
COPY CODE<a href="'.bp_get_member_permalink().'" title="'.bp_get_member_name().'">'.bp_get_member_avatar('type=thumb&width=250&height=250').'</a>
And i think that the thumbnails needs to be regenerated with this plugin : https://wordpress.org/plugins/regenerate-thumbnails/ please install it , regenerate images and let me know.
I see that your wp-admin dashboard is white, this can be caused by theme modifications or a plugin or something like that, you can disable all plugins manually via FTP by renaming the plugin folders names.
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 CODEarticle img.attachment-kleo-full-width { padding-bottom: 25px !important; }
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorAdd this css to wp-admin -> theme options -> General settings ->quick css
COPY CODE.map-category-listing-main { display: none !important; }
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorAdd also this css
COPY CODE.kleo-extra-footer-menu ul { margin: 0 !important; padding: 0 !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Please replace the css that i provided you in previews reply with this
COPY CODE.kleo-extra-footer-menu ul li { display: inline-block; } .kleo-extra-footer-menu ul { text-align: center; }
Then add this snippet to wp-content/themes/kleo-child/functions.php
COPY CODEfunction kleo_extra_footer_menu_register() { register_nav_menu('extra-footer-menu', 'Extra Footer Menu'); } add_action( 'init', 'kleo_extra_footer_menu_register' ); function kleo_extra_footer_menu($output, $option){ if( !is_admin() && $option == 'footer_text' ){ ob_start(); wp_nav_menu( array( 'theme_location' => 'extra-footer-menu', 'container_class' => 'kleo-extra-footer-menu' ) ); $menu = ob_get_clean(); return $menu . $output; } return $output; } add_filter('sq_option', 'kleo_extra_footer_menu', 10, 2);
Then go to wp-admin -> appearance -> menus -> select your footer menu and check the new location named Extra Footer Menu
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,
Replace the code that i have prodived with this
COPY CODEbody.home form .row .three.mobile-one.columns { width: 42%; } body.home form .row .five.mobile-one.columns label { text-align: center !important; } body.home .five.columns { margin: 0 auto !important; float: none; padding: 0 !important; } body.home form .five.mobile-four.columns { float: left; }
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 easily hide the search from header with this CSS
COPY CODE.second-menu-header form#searchform { display: none !important; }
Regarding the issue with colors we will investigate this and tomorrow we will get back to you.
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 wp-content/themes/sweetdate/functions.php
COPY CODEfunction patch_buttons_css(){ echo "<style>\n"; echo ' div#TB_window { max-height: 75% !important; overflow-y: hidden !important; } div#TB_ajaxContent { overflow-x: hidden !important; } '; echo "\n</style>"; } add_action( 'admin_print_styles', 'patch_buttons_css' ,90);
Then you will be able to scroll on that.
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 custom menu widget from wp-admin -> appearance -> widgets -> footer column 1.
choose your menu then add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODEdiv#footer-sidebar-1 { width: 100% !important; } #footer .col-sm-3 { width: 100%; text-align:center; } #footer .col-sm-3 ul li { display: inline-block; text-align: center !important; } .footer-color .widget_nav_menu li:first-child > a {border-top: 0 !important;}
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorAdd this function to wp-content/themes/sweetdate-child/functions.php
COPY CODEfunction AddMemberStatsToTopBar() { echo '<span>All Members : '. do_shortcode('[kleo_total_members]'). '</span> '; echo '<span>Members Online : '. bp_get_online_users() .'</span>'; } add_action('kleo_before_top_links','AddMemberStatsToTopBar');
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Try like this
Add this function next to the function that i have provided to you in preview reply.
COPY CODEfunction hook_fa_library_maxcdn() { $output = "<link rel='stylesheet' id='font-awesome-css' href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css?ver=2.6.4' type='text/css' media='all' />"; echo $output; } add_action('wp_head', 'hook_fa_library_maxcdn');
Let me know if the icons are 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,
Please replace the code that i have you provided with next code
COPY CODE/*–Header Styling–*/ .kleo-main-header .nav > li.active > a { line-height: 55px !important; } .kleo-main-header .nav > li > a { line-height:55px !important; } .navbar-nav > li {height: 75px !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 solutionRaduModeratorRetry with this
COPY CODE@media (min-width:768px) { body.home .five.columns { width: 100%; padding: 0 10%; } body.home form#register_form_front { text-align: center !important; } body.home label.right.inline {float: left;font-weight: 800;} body.home .five.mobile-four.columns { display: inherit; float: left; width: 300px !important; } body.home .row .five.mobile-one.columns { max-width: 314px; } body.home p.reg-form-details { text-align:center; } body.home h4.white-text { text-align: center; }}
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 add this to your wp-content/themes/sweetdate-child/functions.php
COPY CODEadd_filter( 'gmw_font_awesome_enabled', '__return_false' );
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,
Add this css to wp-admin -> theme options -> styling options -> quick css
COPY CODE@media (max-width:768px;) { body.home .five.columns { width: 100%; padding: 0 10%; } body.home form#register_form_front { text-align: center !important; } body.home label.right.inline {float: left;font-weight: 800;} body.home .five.mobile-four.columns { display: inherit; float: left; width: 300px !important; } body.home .row .five.mobile-one.columns { max-width: 314px; } body.home p.reg-form-details { text-align:center; } body.home h4.white-text { text-align: center; } }
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
COPY CODE#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border: 3px solid #ffa500 !important; border-bottom: 0 !important; } #bbpress-forums li.bbp-body ul.forum:last-child, #bbpress-forums li.bbp-body ul.topic:last-child { border: 3px solid #ffa500 !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,
Sorry for the late reply,
Please add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE@media (min-width:992px) and (max-width:1200px) { .collapse.navbar-collapse.nav-collapse { display: none !important; } .kleo-main-header .navbar-toggle { display: inline-block !important; margin-right: 0 !important; } .navbar-header { width: 100% !important; } }
Now the mobile menu will be shown until 1200px width.
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,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODE@media (max-width: 991px) { .header-color a { color: #333 !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,
It seems that the buttons are included in the slider that you use in that page, you should edit the slider and remove that buttons, the custom font can be loaded to a certain slider by selecting your slider in this case this -> http://bimv.pl/wp-admin/admin.php?page=revslider&view=slider&id=24 scroll down , in custom css area load your desired font then apply the font family for h1 or h2 from example
COPY CODEh1 {font-family:"Lato";} h2 {font-family:"Monserat";}
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionJanuary 5, 2016 at 18:01 in reply to: How to collapse profile and group cover photo by default #96397RaduModeratorHi,
Add this css to wp-admin -> theme options -> general settings -> quick css
COPY CODEbody.is-user-profile .bp-full-width-profile div#item-header {padding:0 !important;}
Let me know if is ok
Best Regards
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
There is no specific file where you can modify, the main css style where you can add custom css is wp-content/themes/sweetdate-child/style.css
For the logo on mobile add this css
COPY CODE@media(max-width:720px;) { div#logo { width: 320px !important; text-align: center !important; } }
Regarding the photos tab next prev, i cannot figure what you referring, can you please provide some screenshots that pointing out the elements
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 add content there with this function
COPY CODEfunction AddSocialToMemberProfileHeader() { echo 'Facebook'; echo 'Twitter'; } add_action('bp_after_member_header', 'AddSocialToMemberProfileHeader');
Do you have an plugin for social icons ? if yes tell me the name or give the shortcode
Cheers
Radu
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
My replies are private and are seen only by admins and you.
Add this css to wp-admin -> theme options -> styling options -> quick css
COPY CODE#header, #header .form-header .lead, #header label { text-align:center !important; }
Cheers
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionRaduModeratorHi,
Try with this CSs and let me know
COPY CODE.kleo-main-header .nav > li.active > a { line-height: 35px !important; } .kleo-main-header .nav > li > a:hover { box-shadow: inset 0px -2px 0px 0px #854c14; padding:0 !important; marign:0 !important; height:80px !important; } .navbar-nav > li {height:75px !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