This topic has 8 replies, 3 voices, and was last updated 6 years by 
-
-
Hello guys. I would like to do change some stuffs in this form
1.- the white border I would like to make it transparent and give it a little radius so it doesn’t look so square.
2.- the box fields of user name and email address. I would like to change the background from blue to white and also when somebody write in that field the text color is black.
3.- the password field. The two fields are way far from each other and the box is not long enough. can you guys help me to make the first password box a little longer and also make it same align with the second box that says confirm password.
Thank yo so much in advance
Hi,
Please use the below custom CSS to customize the elements described for the register form on the home page
COPY CODE.home-page .form-header { border-top-right-radius: 10px; border-top-left-radius: 10px; border-color: rgb(0, 0, 0) !important; } .home-page #register_form_front { border-color: rgb(0, 0, 0) !important; } .home-page .form-footer { border-color: rgb(0, 0, 0); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }Adjust the px and color values to suit your needs.
To change the fields from the blue to white, with black input text please use the below custom CSS
COPY CODE.home-page .form-search.custom input[type="text"] { background-color: white; color: black; }With regards to your other question about the password fields I am going to refer this part to one of our developers as I cannot seem to find the issue and it seems to be a bug on other SweetDate installs. 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 solutionIf 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.
Let me know
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
For the carousel there it should a new member registered, you can create a dummy profile and there will be populated with 3 profiles in carousel and it will looks ok.
COPY CODE.form-search input[type="password"] { min-width: 90px; } .form-search .one.mobile-one.columns { display: none !important; } .form-search .three.mobile-one.columns { padding-right: 0 !important; } .form-search .three.mobile-one.columns:nth-child(4) { padding-left: 0px !important; margin:0 !important; }For the pass fields use this css
The css will be added to wp-admin -> theme options -> styling options -> Quick CSS
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHello guys. Thank you so much for helping me. My register form is ok just a little issue with the password field, maybe the “confirmation field” can be margin? because is like little out of the margin
Replace all code with this one
COPY CODE.form-search input[type="password"] { min-width: 90px; } .form-search .one.mobile-one.columns { display: none !important; } .form-search.custom .three.mobile-one.columns { height: inherit; display: inherit; width: 106px; float: left; } .form-search .three.mobile-one.columns:nth-child(4) { padding-left: 0px !important; margin:0 !important; }Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionGreat
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.
