[OceanWP Explained] Form Styling

We will explain how to set up form styles in the free WordPress theme OceanWP.

Forms include contact forms, etc.

Form Settings

You can set this in the Forms section under Appearance > Customize > Basic Settings in your WordPress dashboard.

What you can do with form settings

Let's take a look at what you can do with OceanWP form settings.

Label Color

We've made it red for easy identification. The label is the title of the input form.

Padding

This is the margin setting for the input form. I set the top padding to 100, but the area marked by the red line became wider. This is an item that doesn't require any special settings.

font size

This font size setting is the font setting within the input form.

Border Width

You can change the border thickness of the input form.

I set only the top and bottom to 5. You can see that the form border has become thicker.

Corner radius

This setting makes the corners of the input form rounded. In testing, we specified 30.

Color Settings

You can set the border color of the input form, the color when the border is selected, the background color, and the text color.