Textarea padding in forms

[Gabriel]

Hello, I’m using MC4WP plugin for subscription forms and at the Appearance option I chose to inherit the styling from GP theme. It seems that the GP theme has a 20px padding in the textarea and it makes it look disproportionally big compared to the submit button. I’d like to decrease this padding but I can’t find the option in the Customize. I tried to identify it in CSS but I couldn’t. Any advice? Thanks!

[Leo]

Hi there,

Where can I see this button?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Gabriel]

Hi Leo, the button and textarea are here – it’s a test page where I try different stuff: https://rosentallcoaching.com/elementor-951/

I’d like to be able to adjust the padding of the textarea. Thanks!

[Leo]

I actually don’t see any GP’s code interfering at all.

It’s also added with Elementor.

Have you checked with their support first?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Gabriel]

Hi Leo, as I mentioned, the form is from the MC4WP plugin that allows inheriting the GP CSS – so I’m asking where can I find and adjust the CSS in GP. Thanks!

[Leo]

Ahh sorry you are referring to this padding here?
https://www.screencast.com/t/l6rXHrRHhAUZ

If so there is no option for that in the customizer, this CSS should help though:

input[type=email] {
    padding: 8px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Gabriel]

Yes, that was it! 🙂 Thanks!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts