Forum Replies Created
-
Author
-
Kieran_SQModerator
Hi,
This comes from another ticket where the z-index of the menu was increased. You can use the below CSS to increase the z-index of the modal for mobile.
COPY CODE@media only screen and (max-width: 767px) { .reveal-modal {z-index: 99999;} }
Please make sure to purge your website cache and device browser cache to see the changes.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
As per the support article I shared you can add, edit or remove fields by adding to the code. I have updated this for you in WP Admin > Appearance > Editor > SweetDate Child > Functions.php
Code changed from
COPY CODE// Custom Fields on Members Directory // //members page fields add_action('after_setup_theme','kleo_my_member_data'); function kleo_my_member_data() { global $kleo_config; //this is the details field, right now it take the "About me" field content $kleo_config['bp_members_details_field'] = 'About me'; //this display the fields under the name, eq: 36 / Woman / Divorced / Berlin. Modify with the names of the fields you want to appear there $kleo_config['bp_members_loop_meta'] = array( 'I am a', 'Marital status', 'Country' ); }
Code changed to
COPY CODE// Custom Fields on Members Directory // //members page fields add_action('after_setup_theme','kleo_my_member_data'); function kleo_my_member_data() { global $kleo_config; //this is the details field, right now it take the "About me" field content $kleo_config['bp_members_details_field'] = 'About me'; //this display the fields under the name, eq: 36 / Woman / Divorced / Berlin. Modify with the names of the fields you want to appear there $kleo_config['bp_members_loop_meta'] = array( 'I am a', 'Marital status', 'City', 'Country' ); }
Note that I added the field titled City before Country, you can use the same format to show any fields in the order you desire.
I have also added the below CSS fix that will allow all of the defined fields to show as in some cases it may extend outside of the area allowed.
.search-item .date, .search-item .date a {height: auto;}
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
The CSS for your site, with your current plugins, to hide the menu items on the profile is as below
COPY CODEli#activity-personal-li {display: none !important;} li#xprofile-personal-li {display: none !important;} li#notifications-personal-li {display: none !important;} li#messages-personal-li {display: none !important;} li#friends-personal-li {display: none !important;} li#location-personal-li {display: none !important;} li#groups-personal-li {display: none !important;} li#forums-personal-li {display: none !important;} li#media-personal-li {display: none !important;} li#settings-personal-li {display: none !important;} li#membersfav-personal-li {display: none !important;}
You should remove any line from above where you wish to keep the menu item available on the front-end, for example, as per your opening text (profile, notifications, messages and friends) it would be as follows
COPY CODEli#activity-personal-li {display: none !important;} li#location-personal-li {display: none !important;} li#groups-personal-li {display: none !important;} li#forums-personal-li {display: none !important;} li#media-personal-li {display: none !important;} li#settings-personal-li {display: none !important;} li#membersfav-personal-li {display: none !important;}
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
I have added the below code to your site via WP Admin > Appearance > Editor > SweetDate Child > Functions.php to show the users country.
COPY CODE// Custom Fields on Members Directory // //members page fields add_action('after_setup_theme','kleo_my_member_data'); function kleo_my_member_data() { global $kleo_config; //this is the details field, right now it take the "About me" field content $kleo_config['bp_members_details_field'] = 'About me'; //this display the fields under the name, eq: 36 / Woman / Divorced / Berlin. Modify with the names of the fields you want to appear there $kleo_config['bp_members_loop_meta'] = array( 'I am a', 'Marital status', 'Country' ); }
You can add, edit or remove other fields by following this article https://archived.seventhqueen.com/sweetdate/article/add-profile-information-member-name-members-directory .
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
My apologies, please use the below CSS for color
Option 1: Background color for the menu items only
COPY CODE.primary-menu.collapse.navbar-collapse.nav-collapse { background-color:#000000; }
Option 2: Background color for the menu container
COPY CODE.menus-wrap { background-color:#000000; }
Change the #000000 to your desired color and clear all of your caches to see the changes on the front-end.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
The highlighted area in your screenshot is not where the container ends so I am not sure you’ll be able to achieve what you’re after – here are two options to add a background image to this general area.
Option 1: Background image for the menu items only
COPY CODE.primary-menu.collapse.navbar-collapse.nav-collapse { background-image: url(http://domain.com/wp-content/uploads/2018/03/your_image.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }
Option 2: Background image for the menu container
COPY CODE.menus-wrap { background-image: url(http://domain.com/wp-content/uploads/2018/03/your_image.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
You can override the colors of the top links bar with the below CSS in your SweetDate Child theme’s style.css
Background color for bar
.top-links {background-color: #2f2f2f;}
Link and hover color for bar
COPY CODE.top-links a {color: #ff0a5d;} .top-links a:hover {color: #ffffff;}
Change the # values to suit your needs. Make sure to purge your website cache, CDN and local cache (Ctrl+F5) to see the changes.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Please see the plugin documentation on the link I sent to you
COPY CODESETUP GUIDE STEP 1 Include our shortcode [reset_password] in any page you want STEP 2 Go to the plugin settings page and select which page your shortcode is on. STEP 3 Customise! This is optional, the plugin works right out of the box, but you’re able to change the text for the form elements.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Please review this topic on the BuddyPress forum for restricting the messaging function to only paying members https://buddypress.org/support/topic/resctrict-private-messages/.
COPY CODEadd_filter( 'bp_get_send_message_button', function( $array ) { if ( pmpro_hasMembershipLevel('Premium') ) { return $array; } else { return ''; } } );
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Thanks for contacting us about translations. If you’re not already using a translation plugin and do not plan to offer your site in multiple languages you can use the below snippet in your KLEO Child theme’s functions.php file to change this one string.
COPY CODEfunction change_translate_text_multiple( $translated ) { $text = array( 'Related Projects' => 'New Translation 1', ); $translated = str_ireplace( array_keys($text), $text, $translated ); return $translated; } add_filter( 'gettext', 'change_translate_text_multiple', 20 );
In the above example please change New Translation 1 to your desired string.
If you are using a translation plugin, like Loco Translate, you can simply search for the string ‘Related Projects’ and translate to your desired string.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
1. It looks like you have set the Home Register page to be the homepage – the page is just visuals there is no other logic behind it so it will show to both logged in and logged out users. Is your site going to be private? If so you can use the below code to redirect users away from BuddyPress pages to Home Register and set your home page to Activity (or whatever page you desire) via WP Admin > Settings > Reading > Static Page.
COPY CODE// Redirect to register if logged out and page is BuddyPress function kleo_page_template_redirect() { //if not logged in and on a bp page except registration or activation if( ! is_user_logged_in() && ( ( ! bp_is_blog_page() && ! bp_is_activation_page() && ! bp_is_register_page() ) ) ) { wp_redirect( home_url( '/home-register/' ) ); exit(); } } add_action( 'template_redirect', 'kleo_page_template_redirect' );
In the above example you should update the line where you see /home-register/ to suit the page slug of Home Register if you have edited it to anything other than the default from the demo content.
2. I’m probably going to have to look at the page to see what is going on there. Please share admin access, in a private reply, via this ticket. If you do not wish to share access please make sure the row is set to full height and padding for top and bottom is set to 0.
3. You should add this at the top of the main row before everything else by clicking the plus icon in the middle of the top row. When the modal opens to select an element search for ‘Galaxy Particles’ and set your desired values for this element.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Attachments:
You must be logged in to view attached files.Kieran_SQModeratorHi,
The hover color should still be there, is the hover color very dark or black? You can add :hover to end to any CSS, in this case please try the below snippet
COPY CODE.header-color .dropdown-menu li a:hover { color: #000000 !important; }
Set the # value of 000000 to your desired color.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Please try the below CSS snippet to override the color of links in the drop down menu
COPY CODE.header-color .dropdown-menu li a { color: #000000 !important; }
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Please try this CSS which increases the space on a BuddyPress profile
COPY CODE@media only screen and (max-width: 767px) { .bp-user #profile {padding-top: 90px;} }
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi Alex,
The current supported version of WooCommerce is 3.1.2 (more info: https://archived.seventhqueen.com/kleo).
You should roll back your version of WooCommerce to 3.1.2 from 3.3.X until an update is released, or, if your cart, products and archives are working as expected you can turn off error printing on the front end by adding the below to your wp-config.php file
COPY CODEini_set('display_errors','Off'); ini_set('error_reporting', E_ALL ); define('WP_DEBUG', true); define('WP_DEBUG_DISPLAY', false);
See here for more information http://www.wpbeginner.com/wp-tutorials/how-to-turn-off-php-errors-in-wordpress/
Source for WooCommerce version 3.1.2 https://downloads.wordpress.org/plugin/woocommerce.3.1.2.zip
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Please try this CSS to raise the z-index and add a small amount of margin to the top.
COPY CODE@media only screen and (max-width: 767px) { .login-buttons ul.no-hover.show-dropdown {z-index: 99999;margin-top: 15px;} }
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Please try the following CSS
COPY CODE@media only screen and (max-width: 767px) { #header .contain-to-grid {margin-top: -20px;} }
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
That’s unusual, did you add any other custom CSS related to this area? You should be able to override this by adding a z-index value – try this CSS.
COPY CODE@media only screen and (max-width: 767px) { .contain-to-grid .top-bar {z-index: 9999;} }
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
I see, you had referenced the header CSS so I had assumed that was the area you were referring to, my apologies. Please try the below CSS snippet to add more spacing – does this issue appear anywhere other than the members directory?
COPY CODE@media only screen and (max-width: 767px) { .members #search-bar {padding-top: 95px;} }
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
You can use the below CSS to effect the mobile header only, adjust the values to suit your needs
COPY CODE@media only screen and (max-width: 767px) { .absolute-head #header {height: 80px;margin-top: 10px;} }
You can also adjust the color to suit your site by using the below CSS instead (set # value to desired color)
COPY CODE@media only screen and (max-width: 767px) { .absolute-head #header {height: 80px;margin-top: 10px;} .header-bg {background: #2e5561;} }
You will need to purge all website caching, CDN and your mobile browser cache to see the changes.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi Richard,
You can use the below CSS in your KLEO Child theme’s style.css or in Theme Options > General Settings > Scroll to: ‘Quick CSS’
COPY CODE.kleo-main-header.header-normal { border: none; }
You may need to purge your website cache, any CDN and your front-end cache (Ctrl+F5) to see the changes.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Thanks for reaching out about this issue, I have logged into your site and added the below CSS to your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css
COPY CODE#buddypress .activity-list .activity-content .activity-header img.avatar { display: inline-block !important; margin: -5px 5px -8px 2px !important; }
I have already purged your website cache for you, to see the changes please visit the activity page and clear your front-end cache (Ctrl+F5)
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
The body text is inherited from the theme options, if you would like to override the specific element then please use the below CSS
COPY CODE.register #template-notices p { font-family: monospace; font-size: 20px; color: #0076a3; }
Adjust the values to suit your needs and clear all caches to see changes.
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Several issues here in the video, please address the below
– Set the toggle ‘Add toggle button on your main menu’ to off to turn off the automatic adding of the toggle to the end of the main menu
– Assign the custom menu item to your main menu and not the side menu
– You added class=open-sidebar to title attribute whereas you should enter open-sidebar in the class field
– Your main menu is right aligned not left aligned as described, there is no menu to the left of the logo when you use a right aligned menu therefore it cannot be added there automaticallyIf you wish to have the custom menu item left of the main logo whilst using the right aligned main menu you will need to make changes to the theme, if you wish to do this please do the following
Copy the below file from your KLEO theme folder to the KLEO Child theme folder, create the /page-parts/ directory in the KLEO Child theme if it does not already exist
/wp-content/themes/kleo/page-parts/general-header-section.php
Once you have copied this across you can edit the general-header-section.php file in your KLEO Child theme. Add this directly below line 151 where you see the strong tag
<a title="Open Sidemenu" class="open-sidebar" href="#" style="line-height: 88px;"><i class="icon-align-justify"></i></a>
Save your changes and then add the below CSS to your KLEO Child theme’s style.css – this CSS cleans up the area a little for the new element.
COPY CODE.logo i.icon-align-justify {padding-right: 5px;} .navbar-header .logo {display: -webkit-inline-box;}
Clear your website cache, CDN and your local cache (Ctrl+F5) to see the changes.
Kieran.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
Please try adding the below snippet to the bp-custom.php file to redirect users after they register
COPY CODEfunction bp_redirect($user) { $redirect_url = 'http://www.mysite.com/my/page'; wp_redirect($redirect_url); } add_action('bp_core_signup_user', 'bp_redirect', 100, 1);
Change the URL from http://www.mysite.com/my/page to your desired page.
If you do not already have a bp-custom.php file create you can download the below attached file, unzip and upload this directly into the /wp-content/plugins/ folder. Please note you will still need to update the code within the PHP file to suit your needs (domain / page).
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Attachments:
You must be logged in to view attached files.Kieran_SQModeratorHi,
Thanks for contacting us about styling the header, you can set all of the options you wish to achieve via Theme Options > Styling Options > Header Styling and settings the options for background color, link color and hover link color.
Once these are set you can use the below CSS to override the colors user in the top menu. Add this CSS to your KLEO Child themes style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css or directly via Theme Options > General Settings > Scroll to: ‘Quick CSS’
COPY CODE.social-header.header-color { background-color: black; } .header-color .top-menu li > a, .header-color #top-social li a { color: #ffffff; }
Adjust the color values to suit your design needs.
Make sure to purge your website cache, any CDN and front-end cache (Ctrl+F5) to see any changes.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorIf you would also like to remove the counts that appear above and below the members on the members page please use this CSS
COPY CODE#member-dir-count-top { display: none; } #member-dir-count-bottom { display: none; }
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
Kieran_SQModeratorHi,
If you would like to disable the animations only on the homepage you can use the below CSS in your KLEO Child theme’s style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css or you can add the CSS via Theme Options > General Settings > Scroll to: ‘Quick CSS’
COPY CODE.home-page .one-by-one-animated .start-animation .el-appear, .home-page .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; } .home-page .one-by-one-animated .start-animation .el-appear, .home-page .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; }
You will need to purge your website cache, front-end cache (Ctrl+F5) and purge any CDN to see the changes.
If you would like to disable them sitewide you can go to Theme Options > Miscellaneous > Option: ‘Site-Wide Animations*’ and select either ‘Disable on all devices’ or ‘Disable on mobile devices only’.
To override the post-content-masonry.php file in the KLEO Child theme you will need to create a folder title ‘page-parts’ within the Child theme and copy the file into it. You can then safely make any edits you desire and they’ll be automatically used.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
-
AuthorPosts