---
title: "Style Contact Form 7 in WordPress for FREE (No CSS) [Video Tutorial]"
url: https://qa.nexterwp.com/docs/style-contact-form-wordpress-free/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=HypK6sqrEdg Video Duration: 22 : 58 Video Overview We will learn how to style all of the fields in Contact Form 7 without any CSS for FREE in WordPress Gutenberg..."
image: https://qa.nexterwp.com/wp-content/uploads/2024/05/style-contact-form-wordpress-free-1024x519.jpg
word_count: 128
---

# Style Contact Form 7 in WordPress for FREE (No CSS) [Video Tutorial]

## Key Takeaways

- Styles Contact Form 7 fields using the Nexter Blocks Plugin without any CSS in WordPress Gutenberg Block Editor.
- Aligns multiple fields in a single row with simple code, specifically for Nexter Blocks Plugin users.
- Offers a live demo and a discount code 'YOUTUBE10' for 10% off on the Nexter Blocks Plugin.

https://www.youtube.com/watch?v=HypK6sqrEdg

##### Video Duration: 22 : 58

## Video Overview

We will learn how to style all of the fields in Contact Form 7 without any CSS for FREE in WordPress Gutenberg Block Editor. Using this powerful Contact from & Styler you can add custom colors to Text Field, Submit Button, Radio Button, Dropdown, Checkbox, Number Fields, and much more.

You can also Align 2 Fields in a Single row with simple code, which works only on Nexter Blocks Plugin. Best FREE Plugin to Style Contact Form 7 in WordPress.

Live Demo - [https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-contact-form-stylers/](https://qa.nexterwp.com/nexter-blocks/blocks/wordpress-contact-form-stylers/)

HTML Code to Add 2 or more fields in 1 Line in Contact Form 7 - [https://rentry.co/g6eet](https://rentry.co/g6eet)

⚡ Plugin Website - [https://qa.nexterwp.com/](https://qa.nexterwp.com/)
⚡ Get the Plugin [https://qa.nexterwp.com/nexter-blocks/](https://qa.nexterwp.com/nexter-blocks/)
USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT