customize the registration form/formular

[claudipro]

Hello,

I just install your plugin and it’s all working fine. I would like to color the formular for registration in custom color and was looking around in CSS but I couldn’t find where I can change the color or the size. Somehow it’s also the lable a line under the field where the user have to write his data. I send you a link that you can see what I mean. http://www.vdco.de/test/mitgliedschaft/registrierung/

Thanks for helping
Claudia

[mbrsolution]

Hi Claudia, the registration form adjusts itself to the theme you are currently using. For example if you test on the backend one of WordPress default themes like Twenty Fifteen or Sixteen you will see a different registration form.

Does your theme have an area to add custom CSS code?

[claudipro]

Yes it have a CSS and I fixed there also the colors I need. Actually my question was a bit wrong, it’s not about color it is more the size. The fields name, email and so on looks like they are a line under the fields where the user have to write his name, email and so on. Maybe it will help to send you a picture, you can find it here: https://www.dropbox.com/s/8198r004bum292c/ref_form.png?dl=0

Thank you for the fast reply
Greetings
Claudia

[mbrsolution]

Hi Claudia, your theme is controlling how your registration form looks. Try and adjust the following area. Concentrate on the following, margin-bottom: 20px; and padding: 8px 6px;. Adjust these values should help you further.

#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
		 -webkit-appearance: none;
		border: 1px solid #e1e1e1;
		padding: 8px 6px;
		outline: none;
		font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
		border-radius: 0px;
		}

Let me know how you go.

Regards

[claudipro]

Thank you, it’s helping at least a little bit. It is still not on the same line but looks allready much more better!
Greetings
Claudia

[mbrsolution]

You might like to ask the theme developers to see if they have a better solution.

Regards

[Author]

Posts