Form styles

[lucasplunkett]

Hi Again,

I’m wondering where the styles for the contact form are kept? I don’t use the stock form at all but the styles for it are still over riding all other form plugins that I use and I do not want that.

What can I do?

[FocuxTheme Support]

Hi

Actually, you mean that you want to change the style of the form elements like input, textarea or button, right?

I defined the style of these element in reset.css, you can redefine the appearance for them with your custom CSS in “Samsara options > custom code”.

Thanks

[lucasplunkett]

Thanks!

[lucasplunkett]

Can you please tell me how I can center the form fields in the reset.css file?

Thanks.

[FocuxTheme Support]

You can find the CSS selector or ID of the form or form container with chrome developer tool or directly view the source code of your page, let’s say “#form-1”, then try to add the following custom CSS

#form-1{text-align:center;}

[lucasplunkett]

Hi Johnny,

This doesn’t work for me. Is there anything in the rest.css file that is aligning the text boxes to the left?

The reason I ask is because I am using gravity forms, and the form plugin has the option to centre the text boxes but it’s not working… I’m assuming the reset.css file is overriding these settings as well.

[FocuxTheme Support]

No, I haven’t aligned the input to left in reset.css, which page I can check the form with chrome dev tool?

[lucasplunkett]

If you go to the homepage http://fullframeproductions.com.au, you will see that the boxes of the form align to the left.

If you shrink the window so the form goes onto a second line, you will see this. If it was centred, it would be under the title “take the first step” and in the centre of the screen but it’s not.

Thanks a lot.

[FocuxTheme Support]

I see. Because of the following CSS in the reset.css

input[type=text], textarea {
   margin: 5px 1px 3px 0px;
}

You need to reset the margin value for input with the following custom CSS

input[type=text], textarea {
   margin: 5px auto 3px;
}

For the other form elements like button, textarea and so on, you can use the same method to reset their margin value.

Thanks

[lucasplunkett]

Thank you!!

[FocuxTheme Support]

It’s my pleasure!

[Author]

Posts