multi field

Home Forums Sweetdate – WordPress General questions multi field

This topic has 20 replies, 2 voices, and was last updated 7 years by Kieran_SQ.

  • Author
  • March 24, 2018 at 15:30 #192860
     emmanuel
    Participant

    hi how to get the multi field questions to look side by side like this see attachment

    Attachments:
    You must be logged in to view attached files.
    March 24, 2018 at 15:56 #192868
     Kieran_SQ
    Moderator

    Hi,

    Where do you see this? If you can share a URL getting the specific CSS will be easier.

    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.

    March 24, 2018 at 16:05 #192871
     emmanuel
    Participant

    here you go
    http://www.sugardaddiesdelight.com/register/

    March 24, 2018 at 16:27 #192873
     Kieran_SQ
    Moderator

    Hi,

    Thanks for sharing that URL, I am looking into how this was achieved and will get back to you ASAP.

    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.

    March 24, 2018 at 16:30 #192874
     emmanuel
    Participant

    ok

    March 24, 2018 at 22:32 #192936
     emmanuel
    Participant

    Hi how is everything are you get through with the css

    March 24, 2018 at 22:34 #192937
     Kieran_SQ
    Moderator

    Hi,

    I am still waiting for a response from one of our developers, this is not a simple CSS fix. It will require changing the class in the structure of the template from twelve to six only for dropdowns.

    As soon as I have an answer I will update 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.

    March 24, 2018 at 22:42 #192938
     emmanuel
    Participant

    Ok thanks for the update

    March 26, 2018 at 21:13 #193104
     Kieran_SQ
    Moderator

    Hi,

    Please try the below CSS

    COPY CODE
    .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%; }
.registration .twelve.columns { width: 50%; float: left; clear: none !important; }
.registration .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.

    March 26, 2018 at 23:00 #193113
     emmanuel
    Participant

    hi thanks but the age field is not properly

    Attachments:
    You must be logged in to view attached files.
    March 26, 2018 at 23:06 #193116
     Kieran_SQ
    Moderator

    Hi,

    Please remove the CSS I sent you and replace with the below which adds a float:left;

    COPY CODE
    .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%; }

    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.

    March 26, 2018 at 23:25 #193117
     emmanuel
    Participant

    ok thank i wanted it too for the page were you edit your profile so i remove the .registration but this is how it look on the page were you edit your profile see attachment

    Attachments:
    You must be logged in to view attached files.
    March 27, 2018 at 01:25 #193123
     Kieran_SQ
    Moderator

    Hi,

    Please return the CSS to the above with the .registration class intact. Once you have done this please let me know and I will look into applying the same styles to the edit profile page.

    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.

    March 27, 2018 at 01:46 #193127
     emmanuel
    Participant

    hi i have returned the CSS to with the .registration class

    March 27, 2018 at 16:25 #193166
     Kieran_SQ
    Moderator

    Hi,

    Thanks, please use the below CSS that targets only the profile edit form

    COPY CODE
    .profile-edit .profile .twelve.columns:nth-child(2) { width: 100% !important; }
.profile-edit .profile .twelve.columns:nth-child(3) { width: 100% !important; }
.profile-edit .profile .datebox-selects .custom.dropdown { max-width: 30%; margin-left: 3%; float:left !important;}
.profile-edit .profile .twelve.columns { width: 50%; float: left; clear: none !important; }
.profile-edit .profile .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.

    March 27, 2018 at 17:37 #193184
     emmanuel
    Participant

    thanks but the code only affects the forth row and below not the first to third row see attachment

    Attachments:
    You must be logged in to view attached files.
    March 27, 2018 at 18:59 #193210
     Kieran_SQ
    Moderator

    Hi,

    I have updated the CSS to account for all fields, this is different to how you wish to use it on the register page.

    Let me know if this works for you.

    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.

    March 27, 2018 at 19:48 #193219
     emmanuel
    Participant

    hi yes that is how i wanted it but there is a space in the base field see attachment and i do not what it to affect the text boxes in the myself summary

    Attachments:
    You must be logged in to view attached files.
    March 28, 2018 at 02:27 #193239
     Kieran_SQ
    Moderator

    Hi,

    I have updated the CSS to the below. The space was coming from setting a max-width for the date drop downs, I have also set text areas in myself summary to full width

    COPY CODE
    .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%; }

    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.

    March 28, 2018 at 03:11 #193242
     emmanuel
    Participant

    thanks alot for the assistance

    March 28, 2018 at 06:13 #193253
     Kieran_SQ
    Moderator

    You’re welcome, feel free to open a new ticket any time with any other questions and we’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.

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)

You must be logged in to reply to this topic.

Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.
wp-theme-installation-service
Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.

©2025 SeventhQueen - Powered by KLEO Theme

Terms & conditions | Privacy Policy

Log in with your credentials

Forgot your details?