Sign up form costumized

[spocar]

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

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

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

[Radu]

Let me know
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[spocar]

This reply has been set as private.

[Radu]

Hi,

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
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[spocar]

Hello 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

Attachments:

You must be logged in to view attached files.

[Radu]

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
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[spocar]

Thank you so much Radu. I looks just like I wanted !!!!!

[Radu]

Great
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts