Kieran_SQ

[Kieran_SQ]

My apologies, try the below CSS where I have added this missing .blog class

COPY CODE

.blog .article-content p {
    font-size: 16px;
}

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 replicate that issue on my end but try replacing the CSS that I gave you earlier with the CSS from below

COPY CODE

@media only screen and (max-width: 940px) {
div#members-list .four.columns {
    width: 49% !important;
    float: left;
}
#members-list .four.columns:nth-child(3n+1) {
    clear: none !important;
}
#members-list .four.columns:nth-child(4n+1) {
    clear: none !important;
}
}

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 customize the below CSS with your desired values to override the current style

COPY CODE

.bp-user .two.columns.pull-two #item-buttons a {
    color: red;
    font-size: 14px;
    font-family: monospace;
    font-weight: 700;
}

If you do not wish to adjust the font weight then remove the line font-weight: 700;

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,

You shouldn’t need that line in the style.css and you’re missing the functions.php file.

The content of the style.css file, at minimum, should be as follows

COPY CODE

/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

You should also have a functions.php file within the root of the /kleo-child/ folder, the minimum content of this file is

COPY CODE

<?php
/**
 * @package WordPress
 * @subpackage Kleo
 * @author SeventhQueen <themesupport@seventhqueen.com>
 * @since Kleo 1.0
 */

/**
 * Kleo Child Theme Functions
 * Add custom code below
*/

I’m not sure what files you have in the directory /lib/ but seeing as this appears to be the only custom content the issue would appear to lie within those files. Copying across the latest versions of the altered files and making your desired changes again should resolve this issue.

You can of course do as you described above and not use the KLEO Child theme (if not required). You would need to make a full backup of your database and WordPress files, then go to Theme Options > Import / Export and make a copy of your settings, switch to KLEO and then import your backed up settings.

Once you have verified that everything is working fine you would be able to delete the KLEO Child theme.

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 background color and font color for this element by using the below custom CSS

COPY CODE

.pmpro_checkout strong.label.radius {
    background-color: #8224e3;
    color: #ffffff;
}

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 cannot replicate that issue on my end, but you can try adding the below CSS into the CSS from above

COPY CODE

.tiny.secondary.button.split.dropdown {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

It would become

COPY CODE

@media only screen and (max-width: 481px) {
.login-buttons ul.button-group.radius.right {
    margin-left: -20px !important;
}
.tiny.secondary.button.split.dropdown {
    margin-left: -23px;
}
.tiny.secondary.button.split.dropdown {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
}

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,

Replace the CSS from above with the CSS from below

COPY CODE

@media only screen and (max-width: 481px) {
.login-buttons ul.button-group.radius.right {
    margin-left: -20px !important;
}
.tiny.secondary.button.split.dropdown {
    margin-left: -23px;
}
}

There is an extremely limited amount of space available on devices with screen sizes this small so you may wish to hide the logout button altogether on this screen size.

If you do then the correct CSS would be the below

COPY CODE

@media only screen and (max-width: 481px) {
.login-buttons ul.button-group.radius.right {
    margin-left: -0px !important;
}
a.tiny.button.radius.btn-logout {
    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,

Please try the below CSS for position the login buttons on small screens.

COPY CODE

@media only screen and (max-width: 481px) {
.login-buttons ul.button-group.radius.right {
    margin-left: -20px !important;
}
}

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 Sex / Age / Marital Status / City fields that are shown for each member in the members directory please follow this support article https://archived.seventhqueen.com/sweetdate/article/add-profile-information-member-name-members-directory.

If you would like to show additional fields outside of the search meta area then please try the below code in your SweetDate Child theme’s functions.php file via WP Admin > Appearance > Editor > SweetDate Child > Functions.php

COPY CODE

// Add profile fields to member profile in directory
function sq7_extra_fields_members_profile() {
 
    $project = bp_get_member_profile_data('field=Preoject Name');
    $pitch = bp_get_member_profile_data('field=Elevator Pitch');
 
    if ($pitch || $project) {
        echo '<div class="mdetcenter">'. 'Project Name: ' . $project . '</div>';
        echo '<div class="mdetcenter">'. 'Elevator Pitch: ' . $pitch . '</div>';
    }
 
}
 
add_action('bp_directory_members_item', 'sq7_extra_fields_members_profile');

You can add to the code above if you wish, in it’s current state it will show the content for Project Name and Elevator Pitch fields when data is present.

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,

Thanks for reaching out about the issues you’re facing. The read more tag will not alter the CSS of the preview shown for a blog post, you can however use custom CSS to alter the size of the font in the preview.

Add the below CSS to your SweetDate Child theme’s style.css file via WP Admin > Appearance > Editor > SweetDate Child > Style.css to override the default font size

COPY CODE

.article-content p {
    font-size: 16px;
}

Adjust the px value to suit your needs and clear your caches to see the changes on the front-end.

With regards to changing how the default cropping of featured images works I will refer this ticket to one of developers who will 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,

There isn’t actually any spacing between the profiles, I have attached a screenshot with the profiles colored in purple so you can see that.

There is however a margin-top of 100px that can be safely reduced to 60px to compact the space a little (see screenshot 2)

If you would like to do this please use the below custom CSS

COPY CODE

@media only screen and (max-width: 940px) {
.search-item {
    margin-top: 60px;
}
}

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,

Please add the below custom CSS to override the members per row on mobile

COPY CODE

@media only screen and (max-width: 940px) {
div#members-list .four.columns {
    width: 49% !important;
    float: left;
}
#members-list .four.columns:nth-child(3n+1) {
    clear: 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,

You can wrap the CSS in a media query to only show when the width is 960px or greater, please replace the CSS from above with the CSS from below.

COPY CODE

@media screen and (min-width: 940px) {
.profile-edit .profile .twelve.columns { width: 50%; float: left; }
.profile-edit .profile .twelve.columns { width: 50%; float: left; }
.profile-edit .profile .myself-summary .twelve.columns { width: 100%; }
.profile-edit .profile .myself-summary .twelve.columns { width: 100%; }

.registration .twelve.columns:nth-child(2) { width: 100% !important; }
.registration .twelve.columns:nth-child(3) { width: 100% !important; }
.registration .datebox-selects .custom.dropdown { max-width: 30%; margin-left: 3%; float:left !important;}
.registration .twelve.columns { width: 50%; float: left; clear: none !important; }
.registration .twelve.columns:first-child { width: 100%; }
}

As this will affect mobile devices you may need to purge your website cache and mobile device cache thoroughly 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,

To remove the ‘Profile Visibility’ options please use the below CSS

COPY CODE

.settings li#profile-personal-li {
    display: none;
}

And for the information about search count please use the below CSS

COPY CODE

.directory #buddypress p.lead {
    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,

If you would like to hide the block button too then replace the CSS from above with the CSS from below

COPY CODE

.bp-member-dir-buttons {
    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,

Please try using the below custom CSS to remove this button

COPY CODE

.bp-member-dir-buttons .button {
    display: none;
}

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 add the below custom CSS to your SweetDate Child theme’s style.css via WP Admin > Appearance > Editor > SweetDate Child > Style.css to hide all other content on the page except for the main body

COPY CODE

.page-id-1005 #header {display: none;}
.page-id-1005 #breadcrumbs-wrapp {display: none;}
.page-id-1005 .top-links {display: none;}
.page-id-1005 #support {display: none;}
.page-id-1005 #footer {display: none;}

Note: If you create a new page to use this way at any point you will have to change the page ID in the CSS from 1005 to the ID of the new page.

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,

As per my earlier reply you cannot realistically set the color of the header on mobile to transparent but I have followed your wishes and set the transparency for you with the below CSS. This sets the color for the whole of the mobile header and as such causes issues with your secondary request.

COPY CODE

@media (max-width: 991px) {
.kleo-navbar-fixed.navbar-transparent #header {
    background-color: rgba(255, 255, 255, 0);
}
.secondary-menu.navbar-collapse.nav-collapse.in {
    background-color: #00943e;
}
}

Please clear your caches to see the changes. You can remove the CSS by going to WP Admin > Theme Options > General Settings > Option: Quick CSS.

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,

If you only want the current date to show in your calendar you should keep the the CSS that I sent to you already and add the below CSS after

COPY CODE

#sidemenu-wrapper .menu-section.widget.widget_calendar #wp-calendar tbody tr td a {
    background: unset !important;
}

This will remove all other days from highlighting and only show the current date highlighted.

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 added the below CSS to your Additional CSS to fix this on mobile

COPY CODE

@media only screen and (max-width: 767px) {
ul.button-group li:first-child {
    margin-left: 182px;
}
.tiny.secondary.button.split.dropdown {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
ul.button-group.radius.right {
    margin-left: 40px !important;
    float: none;
}
}

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 adjust the values of the CSS provided via WP Admin > Appearance > Customizer – I placed the CSS at the end of the Additional CSS

Change the 8px value in the below CSS to suit your needs

COPY CODE

.btn-profile .button.dropdown.split.tiny > a {
	padding: 4px 8px 5px 10px;
}

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 added the below CSS to Additional CSS in Customizer, let me know if this is any better

COPY CODE

.button.dropdown.tiny {
    padding-right: 0px !important;
}
.btn-profile .button.dropdown.split.tiny > a {
	padding: 4px 8px 5px 10px;
}

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]

I have updated the below CSS for you with regards to menu placement

COPY CODE

.top-bar ul.left {
    margin: -29px 80px;
}

To remove the dropdown please use the below custom CSS

COPY CODE

.btn-profile .button.dropdown.split.tiny span {
    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 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 custom CSS to hide these elements

COPY CODE

.bp-user a#activity-mentions {
    display: none !important;
}
.bp-user a#activity-favs {
    display: none !important;
}
.bp-user #post-mention {
    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,

Please use the below CSS to hide the mentions tab on the activity page

COPY CODE

.activity li#activity-mentions {
    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 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 can, but this will stop users from easily commenting on posts. If you would still like to remove this please use the below custom CSS.

COPY CODE

.activity-content .activity-meta a:nth-child(1) {
    display: none !important;
}
.activity-content .activity-meta a:nth-child(2) {
    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]

Yes, please use the below CSS to remove the RSS feed

COPY CODE

.activity .sub-nav li.feed {
    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 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,

Absolutely, please use the below custom CSS to hide this element.

COPY CODE

.activity #activity-all span {
    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,

Everything looks okay with regards to settings but you’re right it doesn’t appear to be processing the form.

Can you add the below to your wp-config.php file for me

COPY CODE

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );

Once you have added this please try and register several times from as many different browsers as you can. Once you have complete this step download the debug.log file that has been created in your /wp-content/ folder – zip the file locally and upload it to this ticket.

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 add the below custom CSS to your SweetDate Child theme to hide the list on checkout

COPY CODE

.pmpro-checkout #pmpro_pricing_fields li {
    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,

For some reason now, when I try to click on the ‘log out’ or ‘profile’ buttons, they no longer work. Is there a way to fix this?

Please try removing the CSS I provided to you earlier, clear all of your caches and see if the issue persists or not. If it does not then please let me know and I will look into providing different CSS to address your earlier questions. If it does then there has been a change away from this ticket that has effected this area. You will need to try disabling any caching, plugins etc until you find the issue.

For now though, is there a way to remove this or use the space for something else, like an image or copy?

You can edit the page with Elementor and hover over the red bar (as described above) and simply remove the item until such time that you wish to use it again. You can also drag any item to it’s place from the elements bar on the left that you wish to appear in it’s place in the meantime.

When it comes to user registration (like creating a new profile), is there a way to customize registration options so that this can organize different communities of people?

I think you may be referring to what is called BuddyPress Member Types which allows you to create groups of members, for example Teachers and Students – or in your case, Male / Female / Straight / Gay etc.

We are beginning to look into the registration setup now but I think it would be helpful to see some examples just so I can reference if I need to.

Unfortunately I cannot share customer sites with you but you can create a new post in the SweetDate Theme Community group on Facebook if you wish. I’m sure there will be a few members who would like to share their sites with you https://www.facebook.com/groups/154235378321394/.

is any possibility to move the navigation bar so that it is set up to show on computers with the logo on the left, the links on the right and the login/register on the far right as well?

The below CSS should do the trick for this, however, it may be wise to address the other issue regarding the menu before using this

COPY CODE

.top-bar ul.left {
    float: right;
    width: auto;
    margin-right: 155px;
    margin-bottom: 0px !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]

My apologies, please remove the other CSS if not required and use the below CSS instead

COPY CODE

#item-nav #object-nav ul li a {
    color: #00546d;
}

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 colors set via theme options with the below CSS

COPY CODE

a#user-notifications span {
    background-color: #00546d;
    color: #ffffff;
}
a#user-messages span {
    background-color: #00546d;
    color: #ffffff;
}
a#user-media span {
    background-color: #00546d;
    color: #ffffff;
}

Change the background color and text color to suit your needs and 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 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 Marcel,

Glad that works for you 🙂 You can hide the activity timestamp with the below CSS. You can add this to your KLEO Child theme’s style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

.item .item-meta .activity {
    display: none !important;
}

Make sure to clear any website cache and your front-end cache (Ctrl+F5) to see the changes.

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a 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,

You can replace the CSS from above, with the below. I have added two ID’s that target the specific part of the page and then the ID for the form itself. It will no longer interact with any other elements.

COPY CODE

.registration #register-page #signup_form .twelve.columns:nth-child(2) { width: 100% !important; }
.registration #register-page #signup_form .twelve.columns:nth-child(3) { width: 100% !important; }
.registration #register-page #signup_form .datebox-selects .custom.dropdown { max-width: 30%; margin-left: 3%; float:left !important;}
.registration #register-page #signup_form .twelve.columns { width: 50%; float: left; clear: none !important; }
.registration #register-page #signup_form .twelve.columns:first-child { width: 100%; }

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