Kieran_SQ

[Kieran_SQ]

Hi,

When making changes in the Child theme you’ll find you likely don’t have the file structure in place already.

You’ll need to create any/all folders to your path so that it is mirrored perfectly. In this case you would need to create a folder in the SweetDate Child theme called assets, and within that a folder called images.

/wp-content/themes/sweetdate-child/assets/images/up_page.png

CSS for the profile drop down arrow is as below

COPY CODE

.btn-profile .button.dropdown.split.tiny span:after {
    border-color: #ff0101 transparent transparent transparent;
}

And CSS for the drop down on the front search form is as follows

COPY CODE

.form-search.custom div.custom.dropdown a.selector:after {
    border-color: #ff0101 transparent transparent transparent;

}

If you’d like to target all drop downs in the same way use the below CSS instead

COPY CODE

a.selector:after {
    border-color: #ff0101 transparent transparent transparent !important;

}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

To some degree, yes. You can add the below CSS to your SweetDate Child theme’s style.css via WP Admin > Appearance > Editor > SweetDate Child > Style.css

COPY CODE

#btnGoUp {
    background-color: #BE3E0E;
    border-radius: 100%;
    padding: 1px;
}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

Please remove the CSS I previously sent you if it is not what you wanted.

To change the color of the text that is input into the form please use the below CSS. Change the value from red to suit your needs.

COPY CODE

#register_form_front.form-search.custom input[type="text"], #register_form_front.form-search.custom input[type="password"] {
    color: red;
}

To style the placeholder text please use the below CSS. Change the value from blue to suit your needs.

COPY CODE

#register_form_front.form-search.custom input[type="text"]::placeholder, #register_form_front.form-search.custom input[type="password"]::placeholder {
    color: blue;
}

Thanks

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

You can replace the CSS from above with the CSS below

COPY CODE

li#menu-item-12015 {
    background: blue!important;
    border-radius: 0;
    margin-left: 10px;
}

This will remove the border-radius and adds a 10px margin to the left so it sits better on the page. If you do not wish to use the margin then simply remove that line.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

Please check this support article on how to change the avatar image size https://archived.seventhqueen.com/general/article/increase-profile-profile-image-size-increase-avatar-size-buddypress.

For the avatar you have highlighted you should use the below code

COPY CODE

if ( !defined( 'BP_AVATAR_THUMB_WIDTH' ) )
define( 'BP_AVATAR_THUMB_WIDTH', 120 ); //change this with your desired thumb width

if ( !defined( 'BP_AVATAR_THUMB_HEIGHT' ) )
define( 'BP_AVATAR_THUMB_HEIGHT', 120 ); //change this with your desired thumb height

120 represents 120px, change the two 120 values to an equal number of your choosing. This snippet should be added to your KLEO Child theme’s functions.php file.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

You can remove the text with the CSS snippet from below. Please add this to your KLEO Child themes style.css and clear all caches to see the changes.

COPY CODE

.item-meta.wb-bpgt-group-types {
    display: none;
}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

That’s the blue border from my earlier CSS. Try the below CSS snippet which had the .navbar-transparent selector removed.

COPY CODE

.navbar-nav>li>.dropdown-menu li {
    border-bottom-color: #002868;
}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

It looks like there is some CSS from Social Articles that is causing the issue. The CSS to override this would be as below.

COPY CODE

.sa-notification {
    min-width: unset !important;
}

Unfortunately the CSS Social Articles is outputting is using !important already and I am unable to override this from style.css. I’m not sure why they’ve made the decision to add CSS to notifications – or why the specific CSS that they have.

To address this issue you’ll need to contact the plugin developers directly as this is not something we can change. You can do this via their plugin support page which can be found here https://wordpress.org/support/plugin/social-articles/.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

My apologies, I was logged in as an administrator and forgot about that field.

I have updated both CSS snippets for you below

Regular

COPY CODE

.bp-user input#pwd {
    width: 33%;
}
.bp-user input#email {
    width: 33%;
}
.bp-user input#pass1 {
    width: 33%;
}
.bp-user input#pass2 {
    width: 33%;
}

Small screens

COPY CODE

@media screen and (max-width: 991px) {
.bp-user input#pwd {
    width: 100% !important;
}
.bp-user input#email {
    width: 100% !important;
}
.bp-user input#pass1 {
    width: 100% !important;
}
.bp-user input#pass2 {
    width: 100% !important;
}
}

Please remove the CSS you already have and replace with the above. Clear all 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 solution

If 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_SQ]

Hi there,

Please use the below custom CSS in your KLEO Child themes style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

.navbar-transparent .navbar-nav>li>.dropdown-menu li {
    background-color: #002868;
    border-bottom-color: #002868;
}

I used the blue that was already present in your menu, if this is not the color that you want then change the #002868 value to suit your needs.

Once saved purge your server, WordPress, and 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 solution

If 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_SQ]

Hi,

Please try adding the below mobile specific CSS

COPY CODE

@media screen and (max-width: 991px) {
.bp-user input#email {
    width: 100% !important;
}
.bp-user input#pass1 {
    width: 100% !important;
}
.bp-user input#pass2 {
    width: 100% !important;
}
}

You’ll need to manually purge your cache for your browser on your device 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 solution

If 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_SQ]

Hi Martin,

Please use the below CSS snipper in your KLEO Child themes style.css by going to WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

.bp-user input#email {
    width: 33%;
}
.bp-user input#pass1 {
    width: 33%;
}
.bp-user input#pass2 {
    width: 33%;
}

Change the 33% value to suit your design needs. Once saved clear all of your caches – server, WordPress, and browser 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 solution

If 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_SQ]

Hi,

I can’t do anything about the side scrolling as that is a feature of the theme. But if you wish to change the size of the text used then please try the below snippet in your BuddyApp Child theme.

COPY CODE

#item-nav div.item-list-tabs ul li a {
    font-size: 1em;
}

Make sure to purge 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 solution

If 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_SQ]

Hi,

The brief flash of the options being hidden will always be shown unfortunately, this is not something I can resolve with CSS for you. BuddyPress requires this field to always be present and for the value to always be everyone – this may indeed be a bug with BuddyPress in general and you’ll need to open a ticket on the BuddyPress support site to address this https://buddypress.org/support/.

You can use the below CSS in your KLEO Child theme’s style.css to even out the width of the WordPress fields on the left

COPY CODE

.registration input#signup_email {
    width: 90%;
}
.registration input#signup_password {
    width: 90% !important;
}
.registration input#signup_password_confirm {
    width: 90% !important;
}
.registration div#tandc-checkbox {
    margin-top: 30px !important;
}

The last line, tandc-checkbox, adds a margin to the Terms & Conditions box present on your registration page so that it sits better on the page. If you end up adding more BuddyPress fields to the registration page you may wish to remove this line.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi Martin,

I have accessed your site and applied the below CSS to your KLEO Child theme via WP Admin > Appearance > Editor > KLEO Child > Style.css (line 65).

COPY CODE

p#field-visibility-settings-toggle-1 {
    display: none;
}

Please disable maintenance mode again and access your site as a logged out visitor to see the changes. You may need to clear your browsers cache when viewing the register page (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 solution

If 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_SQ]

Hi,

B – I’ll run some tests on this locally and see if I can replicate the issue.

C – To remove the Group tab on the profile please use the below CSS in WP Admin > Appearance > Editor > SweetDate Child > Style.css

COPY CODE

li#groups-personal-li {
    display: none !important;
}

Changing the name of an element like this is not related to CSS and you’ll need to do this via a translation plugin, namely Loco Translate. Follow this support article after installing Loco Translate https://archived.seventhqueen.com/general/article/how-to-translate-or-change-words-from-any-theme-plugin – you should translate both BuddyPress and SweetDate to ensure you catch all references of ‘Friends’ that you wish to change.

F – That would depend entirely on the advice you receive from a legal professional. Any media you upload directly to WordPress has the opportunity/possibility to be seen by the public and would therefore likely breach data protection in most countries. I cannot advise you on how to technically achieve this as this is a legal matter for your business to resolve and not related to the theme.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

If you do not wish the most recent update to appear in the members profile header then please add the below CSS to your KLEO Child theme via WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

#latest-update {
    display: none;
}

Ensure to clear your WordPress, server, and browsers 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. Ticket solution

If 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_SQ]

Hi there,

You can add the below custom CSS to your KLEO Child themes style.css to remove the title via WP Admin > Appearance > Editor > KLEO Child > Style.css or via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’.

COPY CODE

.rtmedia-item-title {
    display: none;
}
.rtmedia-media-title {
    display: none;
}

Make sure to purge your WordPress, server, and browser 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. Ticket solution

If 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_SQ]

Hi,

I have added the below CSS snippet to force all content onto one line.

COPY CODE

.page-info {
	display: -webkit-inline-box;
}

I have already added custom CSS that removes the button type effect issue coming from the class but it is not reflected in the front end even after clearing the cache (see screenshots). You need to clear your server caching and/or CDN for these to show on the front end.

You should use the CSS from my previous reply to get the link colours to match.

I have attached a screenshot where I have manually entered the CSS via the front-end to show you how it should look

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

No worries, happy to help 🙂 Do you mean you wish to change the colour of the link to match the breadcrumb link colour? If so use the below CSS in your KLEO Child themes style.css

COPY CODE

.page-info a.kleo-quick-contact-link {
    color: #777777;
}

#777777 is the current colour of your links in the breadcrumb area – you can change this value to suit your needs.

If you’d like to also change the hover colour then use the below CSS snippet as well as the snippet above and change the value from red to any value as desired.

COPY CODE

.page-info a.kleo-quick-contact-link:hover {
    color: red;
}

If this is not what you meant then please provide me with more information and I’ll be happy to assist.

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

I have logged in and checked your theme options. It looks like you copied the HTML directly from the email notification and it had lost it’s formatting. I have updated the field with the HTML I sent and have edited it to include the email as per your edit.

Your input
<a href=&quot;#&quot; class=&quot;kleo-quick-contact-link&quot;>support@shuttermonkeys.com</a>

Corrected input
<a href="#" class="kleo-quick-contact-link">support@shuttermonkeys.com</a>

I have also added the below CSS to your KLEO Child themes style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css and cleared your WordPress cache.

COPY CODE

.page-info .kleo-quick-contact-link {
    background: unset;
    height: unset;
    width: unset;
    padding: unset;
    margin: unset;
}

Please purge your browsers 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 solution

If 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_SQ]

Hi,

It should work in any menu on the site as the CSS isn’t terribly specific. Try it, see what you get, if you run into an issue let me know – tell me where/what the issue is and I’ll see what I can do.

To use this outside of the menu you’ll need to structure your HTML like so

<a href="#" class="kleo-quick-contact-link">Text for link</a>

You’ll then need to adjust the CSS from above to match wherever you’re using it. For example in the main content the CSS would become

COPY CODE

#main.kleo-quick-contact-link {
    background: unset;
    height: unset;
    width: unset;
    padding: unset;
    margin: unset;
}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

You can use the below CSS snippet in your KLEO Child theme’s style.css to remove the @username from the members profile.

COPY CODE

h4.user-nicename {
    display: none !important;
}

Makes sure to purge your WordPress, server, and browser cache(s) once you have saved this in WP Admin > Appearance > Editor > KLEO Child > Style.css

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

You can use the below snippet to render your content before all other content (menu and page content). We cannot assist via the forums with integrating your third party plugin content but this will definitely get you started.

COPY CODE

// Add an extra menu via shortcode before all content
function add_extra_menu_sqk() {
        echo do_shortcode('[MYSHORTCODEHERE]');
}
add_action('kleo_after_body','add_extra_menu_sqk');

Replace [MYSHORTCODEHERE] with your shortcode and/or HTML. This snippet should be added to your KLEO Child themes functions.php file.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

You can override the inherited colours by using and customising the below CSS in your SweetDate Child theme’s style.css via WP Admin > Appearance > Editor > SweetDate Child > Style.css (or alternative via Theme Options).

COPY CODE

.form-header {
    color: #ff0000;
}
.form-header h4.white-text {
    color: red;
}
.form-search label {
    color: red;
}
.form-search .button{
    color: red;
    background-color: #ffffff;
    border: 1px solid red;
}

Change the value of red to suit your colour needs. If you do not wish to change the colour of the signup button in anyway then simply remove the CSS for .form-search .button

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi Doug,

I’ve looked at your site and when I click on the comment the background colour of the text area changes but nothing else. Is that what you’re referring to? If so you can use the below CSS in your KLEO Child theme’s style.css to change this.

Set to a specific colour

COPY CODE

.main-color .form-control:focus {
    background-color: #FFFFFF;
}

Unset the colour used

COPY CODE

.main-color .form-control:focus {
    background-color: unset;
}

You can add this via WP Admin > Appearance > Editor > KLEO Child > Style.css or via WP Admin > Theme Options > General Settings > Scroll to: Quick CSS. Make sure to purge your WordPress, server and browsers caches 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 solution

If 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_SQ]

Hi,

Please try the below CSS instead of the prior CSS.

COPY CODE

/* set width for specific pages */
@media only screen and (min-width: 768px) {
.page-id-0 #main.row:nth-child(1) {
    width: 1080px;
}
}

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

To override the default behaviour please add the below custom CSS to your KLEO Child style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

@media(max-width:991px) {

    div#header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    #main {
    margin-top: 88px;
    }

}

Make sure to purge your WordPress, server and browser/device 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 solution

If 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_SQ]

Hi,

This is doable but it’s a little tricksy.

– First go to WP Admin > Appearance > Menus and add the menu item you wish to use to trigger the contact form. Set the URL as # and text as desired.
– Now at the top of the menu edit screen, click open the ‘Screen Options’ tab and make sure ‘CSS Classes’ is checked.
– Open up the menu item via the editor and set the CSS class as kleo-quick-contact-link. Save your menu and view on the front-end.
– Right click the menu item and inspect it in the console. You’ll see it has many classes but one specifically will tell you the menu item ID. It will look like menu-item-13078. You want to note the number value.
– Copy the below CSS into your KLEO Child theme’s style.css and replace the ID shown in the example below with your own.

COPY CODE

li#menu-item-13078.kleo-quick-contact-link {
    background: unset;
    height: unset;
    width: unset;
    padding: unset;
    margin: unset;
}

Hope this helps,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

Your screenshot showed the member profile header and the CSS provided above targets that area. If you would like to target the members directory please use the below CSS. This can be used instead of or as well as the CSS from Radu.

COPY CODE

#members-list .update {
    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 solution

If 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_SQ]

Not marked as solution

[Kieran_SQ]

Hi,

To change the width of the header to 1380px please use the below custom CSS in your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

@media (min-width: 1440px) {
.container {
    max-width: 1380px;
}
}

Make sure you purge your WordPress, server and browser cache to see all changes.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

Please try adding the below CSS via WP Admin > Appearance > Editor > SweetDate Child > Style.css

COPY CODE

small.kleo-clear-radio {
    display: none;
}

Make sure to clear your WordPress cache, server cache and your browsers 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 solution

If 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_SQ]

Hi,

There isn’t an option to override the width of the content per page but you can use the below CSS in conjunction with your pages ID to target a specific page.

COPY CODE

@media only screen and (min-width: 768px) {
.page-id-6 .row {
    width: 1080px;
}
}

In the above example I have used the page with the ID of 6, your activity page, and set the width to 1080px. Change these two values to suit your needs. You can get the page ID via the backend or visiting the page on the front end, viewing the browser console (F12) and checking the class added to the body tag (see screenshot).

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Not marked as solution

[Kieran_SQ]

Hi,

In that case there isn’t really such a thing as a BuddyPress page. Pages like members, groups, register etc are all standard WordPress pages that are dynamically filled with content from the BuddyPress plugin when assigned in WP Admin > Settings > BuddyPress > Pages.

You can create any page you wish, fill it with content and then use the below code in your KLEO Child theme’s functions.php file to restrict the page to logged in users and redirect logged out users to X page

COPY CODE

// Redirect from signup page if logged in
function redirect_logged_out_if_page_is() {
    if ( !is_user_logged_in() && (is_page( 'my-private-page' ))
    ) {
        wp_redirect( home_url( '/destination-if-logged-out/' ) );
        exit;
    }
}
add_action('template_redirect', 'redirect_logged_out_if_page_is');

Replace my-private-page for your privates pages slug.
Replace destination-if-logged-out for the page you wish to redirect logged out users to when they access the page.

For menus please try using the plugin Menu Item Visibility Control which can be found here https://wordpress.org/plugins/menu-items-visibility-control/. See screenshots on how to use the plugin, for your purposes you should use in conjunction with !is_user_logged_in()

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi Alex,

I do not have a solution to altering the state of the default WordPress menu widget to be open for all menu items and their children. This is a feature of WordPress core not KLEO so you’re best off researching how to extend WordPress core widgets to suit your development needs.

For the font size in the footer area please use the below custom CSS

COPY CODE

#footer {
    font-size: 18px;
}
#footer h4 {
    font-size: 26px;
}

I have included the general font size and the title font size in case you wished to change that too. After adding this to your KLEO Child theme please clear all caches 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 solution

If 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_SQ]

Hi,

We don’t have an option to manually set the values for the width, but we probably should, I’ll pass that one to the developers as a suggestion for a future release.

In the meantime please use the below CSS to manually set the widths for the content and sidebar.

COPY CODE

@media (min-width: 768px) {
#main-container .col-sm-9 {
    width: 70%;
}
#main-container .col-sm-3 {
    width: 30%;
}
}

Adjust the 70/30 values to suit your needs, save, and purge your cache(s) 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 solution

If 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_SQ]

Hi,

You can add the below CSS to your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css or via WP Admin > Theme Options > General Settings > Scroll to: Quick CSS – this will remove the white background colour from the main elements.

COPY CODE

#main-container .row {
    background-color: unset;
}

The link you sent is in reference to static HTML. Your page is built with WordPress and WP Bakery and therefore you do not have access, by default, to the HTML of the page. You could in theory create your own template for the page via PHP but this would require a good working knowledge of HTML, CSS and PHP.

Your only real option away from that is a ‘clickable background’ plugin for WordPress of which you’ll find several premium and some free options via Google.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If 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_SQ]

Hi,

You can remove this border by adding the below CSS to your KLEO Child theme’s style.css file by going to WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

.sidebar {
    border-left: 0px;
}

Alternatively you can add this to WP Admin > Theme Options > General Settings > Scroll to: Quick CSS. Make sure to purge your WordPress, server and browser cache(s) 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 solution

If 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.

[Author]

Posts