Forum Replies Created
-
Author
-
Kieran_SQModerator
Hi,
I have updated the CSS I provided to you earlier as noticed the issue also appears when changing the cover image. Please replace the CSS from before with the below.
COPY CODE.change-avatar .bp-screen-reader-text, .change-cover-image .bp-screen-reader-text { position: initial; margin: unset; padding: 0; height: auto; width: auto; overflow: hidden; clip: rect(0 0 0 0); border: 0; word-wrap: normal !important; line-height: 30px; }
With regards to the other issue when cropping I do not see the submit/crop button in the HTML and I will therefore refer this ticket to one of our developers for review. They’ll be in touch with as soon as they can, Monday to Friday, East European Time.
Thank you for your patience,
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 CSS to your KLEO Child theme’s style.css file by going to WP Admin > Appearance > Editor > KLEO Child > Style.css or via Theme Options > General Settings > Scroll to: ‘Quick CSS’.
COPY CODE.change-avatar .bp-screen-reader-text { position: initial; margin: unset; padding: 0; height: auto; width: auto; overflow: hidden; clip: rect(0 0 0 0); border: 0; word-wrap: normal !important; line-height: 30px; }
Make sure to purge your website cache, CDN and your front-end (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 contacting us about altering the size of the menu items. Not all fonts are legible at smaller px values but you can always override them with CSS.
You can use the below custom CSS in SweetDate’s Theme Options or in Appearance > Editor
COPY CODEul#menu-top-meny a { font-size: 16px !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 the below CSS
COPY CODE@media only screen and (min-width: 768px) { .header-bg { position: fixed; width: 100%; z-index: 99; } }
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,
In that case you need to apply the HTML I provided above in the same location where you made your other changes to this menu.
From line 126 onward of the general-header.php file in your SweetDate Child theme
COPY CODEif ( bp_is_active( 'activity' ) ) { echo '<li><a href="/all-activity/">All Activity</a>'; }
Add the above code in the position you wish it to appear in the menu.
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,
Try adding this additional CSS which targets under 767px
COPY CODE@media only screen and (max-width: 767px) { .directory #horizontal_search:after { margin-bottom:10px !important; margin-top: unset !important; float: unset !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,
This is a bit hacky, but a quick way to do it is with CSS like so
COPY CODE.directory #horizontal_search:after { content: "Adjust Match Preferences"; color: #FFFFFF; font-size: 16px; font-weight: 700; margin-top: -35px; float: right; }
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 custom CSS in WP Admin > Appearance > Editor > SweetDate Child > Style.css to show the full content of the text
COPY CODE.search-item .search-body { 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,
You would need to extend the custom code you already have in place to show the button for each of the unpublished posts. We can’t help you with the code via the forum as it outside the scope of support we provide with the theme.
Once you have created your custom code for single posts you can add it to an area of the KLEO theme like so
COPY CODE// Add custom publish button to main content in single post if role is admin or editor add_action('kleo_before_content','add_publish_button_for_posts'); function add_publish_button_for_posts() { if ( is_singular( 'post' ) && current_user_can( array('administrator', 'editor')) ) { // YOUR CODE HERE } }
You can alter the position of where it is rendered by changing kleo_before_content to any of our hooks which you can find in the documentation here https://archived.seventhqueen.com/documentation/kleo under the heading ‘Theme Hooks’.
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,
According to their documentation the code should be as below
https://toolset.com/documentation/user-guides/theme-frameworks-integration/
COPY CODEadd_action( 'init', 'wpv_dummy_framework_api' ); function wpv_dummy_framework_api() { $framework_id = 'kleo_framework'; $framework_data = array( 'name' => __( 'kleo_framework' ), 'api_mode' => 'option', 'api_handler' => 'sq_option', ); if ( function_exists( 'wpv_api_register_framework' ) ) { wpv_api_register_framework( $framework_id, $framework_data ); } }
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 add a z-index of 999 to the CSS I supplied above, the corrected CSS for this is
COPY CODE@media only screen and (max-width: 767px) { #header { position: fixed !important; background-color: #b600e7; width: 100%; z-index: 999; } section:nth-child(2) { margin-top: 50px; } }
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 could try the below CSS but given you have many other customizations and plugins this may not play well with them, test thoroughly.
COPY CODE@media only screen and (max-width: 767px) { #header { position: fixed !important; background-color: #b600e7; width: 100%; } section:nth-child(2) { margin-top: 50px; } }
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,
This is possible with CSS but it won’t be intelligent, that is to say it won’t automatically preposition when scrolled and will maintain it’s current position on the screen.
If you would still like to do this please try the below custom CSS
COPY CODE@media only screen and (max-width: 767px) { .contain-to-grid .top-bar { width: 95%; margin-left: auto; position: fixed; margin-right: auto; left: 2%; } }
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 use the below custom CSS to customize the elements described for the register form on the home page
COPY CODE.home-page .form-header { border-top-right-radius: 10px; border-top-left-radius: 10px; border-color: rgb(0, 0, 0) !important; } .home-page #register_form_front { border-color: rgb(0, 0, 0) !important; } .home-page .form-footer { border-color: rgb(0, 0, 0); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
Adjust the px and color values to suit your needs.
To change the fields from the blue to white, with black input text please use the below custom CSS
COPY CODE.home-page .form-search.custom input[type="text"] { background-color: white; color: black; }
With regards to your other question about the password fields I am going to refer this part to one of our developers as I cannot seem to find the issue and it seems to be a bug on other SweetDate installs. They’ll be in touch with you as soon as they can, Monday to Friday, East European Time.
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 custom CSS in your KLEO Child theme to remove the sidebar on the search results page and make the content full width.
COPY CODE.search-results .sidebar { display: none !important; } .search-results .template-page.col-sm-9.col-sm-push-3 { width: 100%; left: 0; border-left: 0; }
Make sure to purge your website cache, autoptimize, CDN and front-end 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,
Please try the below custom CSS
COPY CODE@media only screen and (max-width: 767px) { section:nth-child(1) { margin-top: 0px !important; } }
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 override the email content and templates for Paid Memberships Pro by copying the email folder from the plugin into the SweetDate Child theme and editing to suit your needs.
From the support article
COPY CODEOverriding the PMPro Email Templates 1. Create a “paid-memberships-pro” folder in your active theme. 2. Create an “email” folder in the paid-memberships-pro folder in your active theme. 3. Copy the email templates you want to customize from plugins/paid-memberships-pro/email into themes/{active theme}/paid-memberships-pro/email 4. Edit the html files in themes/{active theme}/paid-memberships-pro/email as needed.
You can read more about how to do this here https://www.paidmembershipspro.com/documentation/member-communications/customizing-email-templates/.
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 your user experiences. Firstly the CSS you show should not be used unless you wish to hide sections within the profile.
To address the issue of seeing the header when switching between profile sections you can use the below script in WP Admin > SweetDate > General Settings > Scroll to: ‘Analytics Code’
COPY CODE<script> jQuery(document).ready(function() { jQuery("#item-nav .item-list-tabs a, #subnav a").each(function() { jQuery(this).attr('href',jQuery(this).attr('href')+"#item-nav"); }); }); </script>
This code scrolls the page to the item-nav and subnav elements of a profile when switching between the sections. I think this will resolve the core of the issue for you.
Let me know,
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,
Please try adding the below custom CSS to change the footer row width from 25% (4) to 20% (5).
COPY CODE#footer .three, .row .three { width: 20%; }
Make sure to clear your cache(s) to see 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.
Attachments:
You must be logged in to view attached files.April 23, 2018 at 18:19 in reply to: Color of current opening URL in $profile-menu of logged in user #195816Kieran_SQModeratorHi,
Yes I can see that and have apologized for the confusion, the forum works differently for users and moderators and in my haste I missed the theme in question.
The drop down under the profile button is not a menu in the traditional WordPress sense. It is a list of li elements that are toggled on or off from view with JavaScript. In the back-end this is a series of conditionals that checks if BuddyPress is activate, and if Groups component is active – if so, show Groups menu item.
This means that there are no additional dynamic classes added to each item when you’re visiting the same page.
With that said you can use a little creative CSS to achieve this, please try adding the below CSS into your SweetDate Child theme’s style.css file by going to WP Admin > Appearance > Editor > SweetDate Child > Style.css
COPY CODE.my-account.groups #header .btn-profile a[href*="groups"] { background: #000; color: #fff; } .my-account.friends #header .btn-profile a[href*="friends"] { background: #000; color: #fff; } .my-account.messages #header .btn-profile a[href*="messages"] { background: #000; color: #fff; } .my-account.activity #header .btn-profile a[href*="activity"] { background: #000; color: #fff; } .my-account.settings #header .btn-profile a[href*="settings"] { background: #000; color: #fff; }
Adjust the #000 and #fff values to suit your needs. Once saved clear 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_SQModeratorFor the blog archive page please use the below CSS
COPY CODE.blog .article-meta .link-list li:nth-child(2) { display: none !important; } .blog .article-meta .link-list li:nth-child(3) { display: none !important; } .blog .article-meta .link-list li:nth-child(4) { display: none !important; }
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 custom CSS to remove the meta items except for the date on single posts
COPY CODE.single-post .article-meta .link-list li:nth-child(2) { display: none !important; } .single-post .article-meta .link-list li:nth-child(3) { display: none !important; } .single-post .article-meta .link-list li:nth-child(4) { display: none !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,
The custom CSS to make the recent visitors images rounded is as below
COPY CODE.recent-visitors img { border-radius: 100%; }
The profile that have supplied to me only has one visitor so I cannot confirm this is working for all of the visitor images but it should.
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 rehash this code for hiding admin activities from the BuddyPress activity feed
COPY CODE// Hide admin's activities from all activity feeds function bpfr_hide_admin_activity( $a, $activities ) { // ... but allow admin to see his activities! if ( is_super_admin() ) return $activities; foreach ( $activities->activities as $key => $activity ) { // ID's to exclude, separated by commas. ID 1 is always the superadmin if ( $activity->user_id == 1 ) { unset( $activities->activities[$key] ); $activities->activity_count = $activities->activity_count-1; $activities->total_activity_count = $activities->total_activity_count-1; $activities->pag_num = $activities->pag_num -1; } } // Renumber the array keys to account for missing items $activities_new = array_values( $activities->activities ); $activities->activities = $activities_new; return $activities; } add_action( 'bp_has_activities', 'bpfr_hide_admin_activity', 10, 2 );
You can add a list of comma separated values for user ID’s on the line where you see the below
if ( $activity->user_id == 1 ) {
If your user ID was 42 it would be
if ( $activity->user_id == 42 ) {
If your user ID’s were 42 and 95 it would be
if ( $activity->user_id == 42, 95 ) {
The code should be added to your functions.php file via WP Admin > Appearance > Editor > KLEO Child > Functions.php
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.
April 22, 2018 at 17:15 in reply to: Color of current opening URL in $profile-menu of logged in user #195678Kieran_SQModeratorHi,
The custom CSS to override the color for the link and icon when it is the current active item is as below
COPY CODE.bp-overlay-menu #buddypress div#item-nav ul li.current a { color: #2ecc71; } .bp-overlay-menu #buddypress div#item-nav ul li.current a:before { color: #2ecc71; }
Change #2ecc71 to suit your needs and make sure to clear all of your caches 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,
You can use the below custom CSS instead which targets more options, let me know if there is anything other you would like to do with the titles
COPY CODE.sidebar_location h5 { color: #ffffff; background-color: #e56081; border-bottom: solid 5px #b94d68; width: 100%; padding: 7px 10px 7px 10px; }
You can remove or alter the border-bottom property depending on whether you wish to use it or not. Also, if you do not wish the background color to fill the width of the area just remove the line where you see width:100%;
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,
There is no real container to style for that area, the closest you could get is to target the .eight.columns but it will not look to do so.
The below CSS will add color to this area but it’s not possible to match it up to work with the containerless section
COPY CODE#header .eight.columns:nth-child(2) { background-color: #ffef16; }
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
COPY CODE@media (max-width: 1024px) and (min-width: 768px) { ul.button-group li:first-child {margin-left: -88px;} .tiny.secondary.button.split.dropdown {padding: 10px !important;} }
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,
To remove the order drop down on the notifications page please use the below CSS
COPY CODE.notifications li#members-order-select { display: none; }
I wasn’t 100% sure what you wished to remove in the second screenshot, if it just the ‘Read’ link then please use the below CSS. If it is something other please let me know exactly what you would like to hide.
COPY CODE.notifications td.notification-actions a:nth-child(1) { display: none; }
If you would like to move the pipe seperator between ‘Read’ and ‘Delete’ you will need to make changes to the core templates.
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 use the below custom CSS to remove the heart icon from the registration form
COPY CODE#register_form i.icon-heart { display: none !important; }
Make sure to clear your 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,
Please try removing the above CSS and replacing with the below CSS
COPY CODE.sidebar_location h5 { background-color: red !important; color:#fff !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,
You can use the below custom CSS to remove the bulk options for notifications
COPY CODE.notifications th.bulk-select-all { display: none; } .notifications td.bulk-select-check { display: none; } .notifications .notifications-options-nav { 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,
Please try the below CSS to fix this on the registration page
COPY CODE@media screen and (min-width: 960px) { .registration #login_panel .twelve.columns {width: 100%;} }
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_SQModeratorAlso, I noticed a minor issue on your site when building a page with Elementor. A 60px padding was added to the main content, I have added the below CSS to WP Admin > Appearance > Editor > SweetDate Child > Style.css to remove this extra padding on pages built with Elementor
COPY CODE.full-builder { padding-top: 0px !important; }
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.
-
AuthorPosts