multi field

[emmanuel]

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.

[Kieran_SQ]

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.

[emmanuel]

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

[Kieran_SQ]

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.

[emmanuel]

ok

[emmanuel]

Hi how is everything are you get through with the css

[Kieran_SQ]

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.

[emmanuel]

Ok thanks for the update

[Kieran_SQ]

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.

[emmanuel]

hi thanks but the age field is not properly

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

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.

[emmanuel]

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.

[Kieran_SQ]

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.

[emmanuel]

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

[Kieran_SQ]

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.

[emmanuel]

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.

[Kieran_SQ]

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.

[emmanuel]

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.

[Kieran_SQ]

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.

[emmanuel]

thanks alot for the assistance

[Kieran_SQ]

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