How to create a website using WordPress/How to use plugins/No-code construction blog

[OceanWP Explained] Form Styling

Misa Matsuura, Representative Director, HanamiWEB Co., Ltd.
November 24, 2021
3:19 PM
0 comments

At HanamiWEB Online School,

●Ask questions in real-time in the virtual study room!

●Ask as many questions as you want via chat!

●E-learning materials that you can learn as much as you want, 24 hours a day!

All included for just 2,500 yen/month!

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

Forms include contact forms, etc.

Our site is designed using the OceanWP theme and Brizy plugin.

I have created an explanatory article on how to set it up as a reminder, so please feel free to use it as a reference!

OceanWP Explanation Index →

table of contents

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.

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.