Kieran_SQ

[Kieran_SQ]

Hi,

It certainly seems like it is an issue for BuddyDrive to have a customised URL. This is not something we can fix for you as we’re not the authors of that plugin and do not have commit access. You’ll have to open a topic on their support forum to address the issue in the plugin, you can do that here https://wordpress.org/support/plugin/buddydrive.

Please try adding the below custom CSS to your BuddyApp Child theme via WP Admin > Appearance > Editor > BuddyApp Child > Style.css

COPY CODE

div#buddydrive-main nav.buddydrive-toolbar select#buddydrive-filter {
    padding-right: 30px !important;
}

Once saved please clear all server, WordPress and browser caches to see 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,

Let’s try to address this with CSS then, what specific elements would you like to adjust. Please can you send screenshots with specifics that highlight exactly the areas and the desired effect.

To remove the margin from the title please use the below CSS in your BuddyApp Child theme

COPY CODE

.dashboard-content h4 {
    margin-bottom: 0px;
}

Adjust the 0px value to suit your needs.

How would you like the links to stand out more?

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 in your KLEO Child theme’s style.css – make sure to purge all caching and CDN to see the changes.

COPY CODE

.entry-summary form.cart {
    display: contents !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,

KLEO doesn’t control the profile tabs it simply displays them. If you would like to extend the BuddyPress tabs you can do so by following this guide at rtMedia https://rtmedia.io/docs/developers/create-new-buddypress-profile-tab/.

Once you have created your new tab you can use your custom code to render the content you wish to by changing the last few lines

COPY CODE

function yourtab_content() { 
    echo 'Content';
}

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 have fixed the CSS issue for you in the third party plugin. I have added the below code to your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

/* Fix for activitry reactions */
.main_smiley_div {
    z-index: 9;
}

Purge your 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.

[Kieran_SQ]

Hi Rob

You can use the ID #main to target everything within the main page (except header and footer) or body to target everything.

For example

COPY CODE

#main {
    background-color: #ff0000;
}

You can add a class before, as per my previous reply, to target only specific pages.

You can set a background image by using background image property instead of (or aswell as) the color property. See here for more information on this https://www.w3schools.com/cssref/pr_background-image.asp. W3schools has a ton of useful information on CSS if you wish to learn to more about it.

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]

Not marked as solution

[Kieran_SQ]

Hi,

You can use white or #ffffff in CSS to denote white. If you wished to change it to a hexadecimal value it would be as below

COPY CODE

.vc_btn3.vc_btn3-color-juicy-pink {
background-color: #c79d2d !important;
color: #ffffff !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,

Please use the below custom CSS in your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css or via Theme Options > General Settings > Scroll to: ‘Quick CSS’

COPY CODE

.vc_btn3.vc_btn3-color-juicy-pink {
    background-color: white !important;
    color: black !important;
}

Adjust the values to suit your needs, save and clear your WordPress cache, server cache any CDN and your browsers cache (Ctrl+F5) to see your 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,

You can use the below CSS to override the style for blockquotes. Add this to WP Admin > Appearance > Editor > KLEO Child > Style.css or via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’

COPY CODE

blockquote {
    background-color: black;
    color: white;
    border-left: solid 5px red !important;
}

Adjust the values to suit your needs, save, and clear any WordPress cache, server cache and CDN then purge your browsers cache (Ctrl+F5) 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]

Not marked as solution

[Kieran_SQ]

Hi,

Try adding !important to each part of the CSS like so

COPY CODE

.tabs.pill.custom dd:not(.active) a {
    background-color: #6997bf !important;
    color: white !important;
}

Replace the current CSS with the above and clear 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,

I think you mean margin-top, if so it would be like so

COPY CODE

<div style="margin-top:20px;padding:20px;color:white;border:solid 2px white;">
	<p>
		Denna sida drivs helt utan vinst. Medlemsavgifterna går oavkortat till marknadsföring samt till avgifter för sidans drift.
	</p>
</div>

For font-size simple enter font-size:20px; into the style tag in my above example and change to suit your needs. If you wish to use H6 instead of p then change p to H6 for both.

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’m not entirely sure what you’re referring to, so if I have this wrong, please send more details so I can assist you better.

You can set the color and background color for the inactive tabs on a users profile with the below CSS

COPY CODE

.tabs.pill.custom dd:not(.active) a {
    background-color: #6997bf;
    color: white;
}

There are no classes on a per tab basis so setting a different color for each will not be possible.

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 Hannah,

Do you mean the profile picture on the singular member page? If so please use the below custom CSS in your KLEO Child themes style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css or via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’.

COPY CODE

.buddypress div#item-header img.avatar {
    width: 100px;
}

Change the 100px value to suit your needs.

With regards to moving the users image and the profile navigation I will have to refer this ticket to a higher level of support. 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 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 do this you will need to be using the SweetDate Child theme and copy the below file from the parent theme into the child theme, recreating and folders that are not already present so that the paths match.

/wp-content/sweetdate/page-parts/general-header.php

To

/wp-content/sweetdate-child/page-parts/general-header.php

Around line 210 you will see the below code

COPY CODE

<?php if ( get_option( 'users_can_register' ) ) { ?>
	<li class="header-register-button">
		<a href="#" data-reveal-id="register_panel" class="tiny button radius">
			<i class="icon-group hide-for-medium-down"></i>
				<?php _e( "SIGN UP", 'kleo_framework' ); ?>
		</a>
	</li>
<?php } ?>

Change this to the below

COPY CODE

<?php if ( get_option( 'users_can_register' ) ) { ?>
	<li class="header-register-button">
		<a href="/path-to-my-page/" class="tiny button radius">
			<i class="icon-group hide-for-medium-down"></i>
				<?php _e( "SIGN UP", 'kleo_framework' ); ?>
		</a>
	</li>
<?php } ?>

In the above example you will see href=”/path-to-my-page/”, change the path to the page you wish to link to.

Save the changes to the file in the SweetDate Child theme, clear your WordPress and server cache, any CDN and your bwosers 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 Jenni,

Try this in a ‘Custom HTML’ widget in the desired area.

COPY CODE

<div style="padding:20px;color:white;border:solid 2px white;">
	<p>
		Denna sida drivs helt utan vinst. Medlemsavgifterna går oavkortat till marknadsföring samt till avgifter för sidans drift.
	</p>
</div>

Let me know about any 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,

Sure, they are as below

Profile

COPY CODE

ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
    -moz-border-radius-topleft: 3px !important;
    -webkit-border-top-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

Or for all corners

COPY CODE

ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
border-radius: 3px !important !important;
}

Logout

COPY CODE

ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
    -moz-border-radius-topright: 3px !important;
    -webkit-border-top-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

Or for all corners

COPY CODE

ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
border-radius: 3px !important;
}

Change the 3px value to suit your needs.

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 CSS would be as follows.

Login button (as is)

COPY CODE

li.header-login-button a {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

Login button (all corners)

COPY CODE

li.header-login-button a {
    border-radius: 10px !important;
}

Sign up button (as is)

COPY CODE

li.header-register-button a {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

Sign up button (all corners)

COPY CODE

li.header-register-button a {
    border-radius: 20px !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,

With nesting enabled you can override the styling to suit your needs by targeting the following class

COPY CODE

.depth-2 {
    margin-top: 20px;
    margin-left: 30px;
}

You can extend this to .depth-3, .depth-4, .depth-5 etc

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 default button color for the WP Bakery Post Masonry Grid element by using the below custom CSS in your KLEO Child theme. You can add this via WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #2e2e2e;
}

Change the values for background-color and color to suit your needs.

Alternatively this custom CSS can be added via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’.

With your custom CSS saved via either method, clear your WordPress cache, hosting cache and browser cache (Ctrl+F5) to see the changes.

With regards to the images being blurry. The original size of image for the Tyrannosaurus is 480 x 250 and is being stretched to fit an area of up to 1010px wide. You will need to upload higher resolution images to stop them becoming blurry at larger resolutions.

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 just a notice that can be safely ignored. You can, and should, turn these off via your wp-config.php file by adding the below snippet to it.

COPY CODE

define('WP_DEBUG', true);
define('WP_DEBUG_DISPLAY', false);

If WP_DEBUG_DISPLAY is already defined within your wp-config.php file and set to true, change it to false, save and clear your caches.

If you need me to do this for you then please update this ticket, in a private reply, with SFTP / FTP login details and I will be happy to do so.

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,

Removing menu items on a per device basis is going to be tricky for any amount of items. You can actually do it with the method I show below. This is not an issue with the theme but a question of development, and is not something we can do for you as a back and forth within the scope of the support offered with the theme.

COPY CODE

@media screen and (max-width: 765px) {
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1274 {
    display: none;
}
}

If you want to do this with other menu items you’ll need to duplicate that CSS from in-between the media query and change the menu item ID, you can get this by right clicking the menu item.

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 CSS to hide the menu on the home page for mobiles only would be as follows

COPY CODE

@media screen and (max-width: 765px) {
.home-page header {
    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,

The full HTML output for the logged in buttons, both profile and logout, is as follows

COPY CODE

<div class="eight columns login-buttons">
    <ul class="button-group radius right">

        <li class="relative btn-profile">

            <div href="#" class="tiny secondary button split dropdown" data-options="is_hover:true">

                <a href="https://www.eumello.com/members/admin/" class="tiny secondary button radius">
                    <i class="icon-user hide-for-medium-down"></i>
                    PROFILE </a>
                <span></span>
                <div class="kleo-notifications">
                </div>
                <ul class="no-hover" style="top: 23px;">
                    <li><a href="https://www.eumello.com/members/admin/activity/">Activity</a></li>
                    <li><a href="https://www.eumello.com/members/admin/settings/">Settings</a></li>
                </ul>

            </div>

        </li>

        <li>
            <a href="https://www.eumello.com/login/?action=logout&redirect_to=https%3A%2F%2Fwww.eumello.com&_wpnonce=decd2c9c6c "
                class="tiny button radius btn-logout">
                <i class="icon-off hide-for-medium-down"></i>
                LOG OUT </a>
        </li>

    </ul>
</div>

Note: You will obviously need to update any href=”” value that you wish to use as these are specific to an account

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 full HTML output for the elements you highlighted is as follows

COPY CODE

<div class="eight columns login-buttons">
    <ul class="button-group radius right">

        <li class="header-login-button">
            <a href="#" data-reveal-id="login_panel" class="tiny secondary button radius">
                <i class="icon-user hide-for-medium-down"></i>
                LOG IN </a>
        </li>

        <li class="header-register-button">
            <a href="#" data-reveal-id="register_panel" class="tiny button radius">
                <i class="icon-group hide-for-medium-down"></i>
                SIGN UP </a>
        </li>

    </ul>
</div>

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,

In that case please try the below custom CSS in your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css or via Theme Options > General Settings > Scroll to: ‘Quick CSS’.

COPY CODE

#buddypress div#item-nav ul li a:before {
    font-size: 20px !important;
}

Change the value to suit your needs, save – then clear any WordPress cache, server cache, CDN and browser 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,

Your matching is working but you have some custom CSS that is hiding it. I have removed the below custom CSS and accompanying note from WP Admin > Theme Options > Styling Options > Quick CSS and it is now visible to me on the front end. Clear your browsers cache (Ctrl+F5) whilst viewing a profile to see the changes

COPY CODE

/*
HIDE MATCHING SWEETDATE MATCHINGCIRCLE
*/

.circular-item {
    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,

Thanks for reaching out about the display of date fields in BuddyPress with KLEO. Please try adding the below custom CSS to your KLEO Child theme via WP Admin > Appearance > Editor > KLEO Child > Style.css or via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’.

COPY CODE

.input-options.datebox-selects {
    display: -webkit-inline-box;
}
.input-options.datebox-selects label.xprofile-field-label {
    line-height: 5px !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.input-options.datebox-selects label.xprofile-field-label:nth-child(1) {
    line-height: 5px !important;
    margin-right: 10px !important;
    margin-left: 0px !important;
}

Once you have saved this CSS please clear any WordPress/server caching, CDN and your browser 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,

You can set the URL for any button to be your members page by entering /members/ in the URL field. If this is related to the question you have posed a few times about different buttons for logged in or logged out users, then I do not know of a plugin that will achieve this for you.

If you wish to remove the ‘Friends’ tab from the individual profile then please add the below CSS to your Child theme via WP Admin > Appearance > Editor > SweetDate Child > Style.css, save, and clear all caches to see the changes.

COPY CODE

li#friends-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. 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,

Thanks for contacting us about the issues you’re experiencing. I have looked at your site and I can that is no colour set for the bars that make up the mobile toggle. Whether this is from malformed custom CSS or a plugin conflict I am not sure. To rectify this please add the below custom CSS to your KLEO Child theme’s style.css via WP Admin > Appearance > KLEO Child > Style.css. If you’re not using the KLEO Child theme then you can add this CSS via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’.

COPY CODE

.header-color .navbar-toggle .icon-bar {
    background-color: white !important;
}

Additionally you may wish to set a background colour behind the toggle bars, if you do, you can use the below CSS

COPY CODE

.kleo-mobile-switch button.navbar-toggle {
    background-color: #171717;
}

It looks like you have set the row that houses those elements to not be an inner container. Click the pencil icon for the row (not the column) that houses the elements in question. When the edit modal opens on the ‘General’ tab scroll down to ‘Inner Container’ and set yes. This will stop the row going full width. I have attached a screenshot for to visualise this for you.

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 Steven,

I went to check your site to have a look at the issue but your domain has the following error when accessed

COPY CODE

www.waarsditlekker.com’s server IP address could not be found.

DNS_PROBE_FINISHED_NXDOMAIN

Please let me know when your website is available again and I will be happy to look into this for you.

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 custom CSS to override these values. If you’re using the KLEO Child theme please go to WP Admin > Appearance > Editor > KLEO Child > Style.css and add the below CSS

COPY CODE

#main-container .col-sm-9 {
    width: 85% !important;
}
#main-content .col-sm-3 {
    width: 15% !important;
}

If you’re using the KLEO parent theme you can add this via WP Admin > Theme Options > General Settings > Scroll to: ‘Quick CSS’.

Please completely purge any website/host caching, CDN and your browser 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,

The correct CSS to target all of these input fields on the register form is as below (obviously you would need to change the color value to suit).

COPY CODE

.form-search.custom div.custom.dropdown a.current, .form-search.custom input[type="text"], .form-search.custom input[type="password"], .form-search.custom select {
    background-color: rgba(60, 0, 61, 0.33);
}

However, you appear to be using custom CSS somewhere that is overriding the color of the two password inputs. Please remove the custom conflicting CSS and replace with the above.

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 Aurelio,

If you assign any page in WP Admin > Settings > BuddyPress > Pages to the register option it will always override any content within the page and output the BuddyPress register form instead.

What you need to do is create a page that does not contain your custom form and assign it to the register option as stated above.

Once you have done that you can use the below custom PHP in your KLEO Child theme’s functions.php file to redirect the default register page to your custom register page and redirect users away from that custom register page if they’re already signed in.

Add this code via WP Admin > Appearance > Editor > KLEO Child > Functions.php

Code to generate the redirect from the page titled register to a page titled signup. You can change these two values to suit your needs.

COPY CODE

// Redirect from page with slug register to page with slug signup
function redir_away_from_reg() {
    if (is_page( 'register' ))
{
        wp_redirect(home_url( 'signup' ));
        exit;
    }
}
add_action('template_redirect', 'redir_away_from_reg');

Code to redirect away from the page titled signup if the user is logged in. Change the value signup if needed to suit any changes from the above code.

COPY CODE

// Redirect from signup page if logged in
function acc_redir_away_li() {
    if ( is_user_logged_in()
        && (is_page( 'signup' ))
    ) {
        wp_redirect(home_url());
        exit;
    }
}
add_action('template_redirect', 'acc_redir_away_li');

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 custom CSS to target different elements on different pages. Go to the desired page on the front end and open the development tools (F12), check the body tag for the page-id- class.

You can then use this before your custom CSS to target only that page.

Example

COPY CODE

.page-id-99 .kleo-main-header.header-normal {
    background-color: red;
}

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,

As you’re using the SweetDate Child theme your CSS modifications should go into WP Admin > Appearance > Editor > SweetDate Child > Style.css, but they will work also in the Quick CSS of Theme Options.

You can try the below CSS to change the colors for the highlighted objects

COPY CODE

/* Menu CSS */
.page-id-13067 .header-color.social-header, .page-id-13067 .header-color .top-menu li > a {
    border-color: white;
}
.page-id-13067 .kleo-main-header.header-extras {
    border-bottom-color: white;
}
.page-id-13067 .navbar a {
    color: white !important;
}

/* Footer CSS */
.page-id-13067 #footer .widget-title {
    color: white;
}
.page-id-13067 .footer-color .widget_nav_menu li a {
    border-color: white;
}
.page-id-13067 #footer li a {
    color: white;
}
.page-id-13067 #footer p, .page-id-13067 #footer label {
    color: white;
}

You can generate the CSS for yourself by right click the item and inspecting with Google Chrome DevTools to reveal the class/ID – add .page-id-13067 before anything you generate.

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,

Do you mean on a per page basis? If so you’ll need to do this manually with CSS after getting the page ID.

COPY CODE

.page-id-12504 .header-color.social-header {
    background-color: red;
}
.page-id-12504 .kleo-main-header.header-extras {
    background-color: red;
}
.page-id-12504 #footer {
    background-color: red;
}
.page-id-12504 #socket {
    background-color: red;
}

You can get the page ID from hovering over the link to edit the page in the WordPress back end or via the front end by inspecting the page / viewing the source and checking the body tag for the page-id- class

In the example above I have set it to .page-id-12504 which is the page currently assigned as the homepage.

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,

Redirecting to another page after registration would be complex and not future proof with new iterations of BuddyPress and would therefore be prone to breaking.

The best option, as you stated, would be styling the notification. The page where the notice is shown is still the register page (as per how BuddyPress functions) and therefore the CSS stated below may target elements on the register page itself and will also target the title of the register page.

COPY CODE

.registration h2.article-title {
    color: red;
    font-size: 40px;
    font-weight: bold;
}
.registration #template-notices p {
    font-size: 20px;
    color: blue;
    font-weight: bold;
}

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