↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Templates
  • Features
  • Plugins
    • Responsive Plus
    • Starter Templates
    • Addons for Elementor
    • Responsive Blocks
  • Go Pro
  • Blog
  • Pricing
  • Login

Installation & Updates

1
  • How to Install & Activate the Responsive Addons for Elementor

Widgets

85
  • Image Gallery
  • Advanced Tabs
  • Archive Posts
  • Archive Title
  • Audio Player
  • Author Box
  • Banner
  • Breadcrumbs
  • Business Hour
  • Button
  • Contact Form 7 Styler
  • Call To Action
  • Custom Add To Cart
  • Content Switcher
  • Countdown
  • Facebook Feed
  •  Data Table
  • Divider
  • Dual Color Header
  • FAQ
  • FlipBox
  • Featured Image
  • Feature List
  • Fancy Text
  • Icon Box
  • Gravity Forms Styler
  • Google Map
  • Image Hotspot
  • LearnDash Course List
  • Lottie
  • Logo Carousel
  • Mailchimp Styler
  • Login & Register
  • Media Carousel
  • Menu Cart
  • Modal Popup
  • MultiButton
  • Nav Menu
  • OffCanvas
  • Portfolio
  • Post Comments
  • Post Content
  • Post Excerpt
  • Post Info
  • Post Navigation
  • Post Title
  • Posts
  • Post Carousel
  • Price Box
  • Price List
  •  Pricing Table
  • Product Carousel
  • Product Category Grid
  • Products
  • Progress Bar
  • Reviews
  • Search Form
  • Site Logo
  • Slider
  • Sticky Section
  • Sticky Video
  • Table of Contents
  • Team Member
  • Testimonial Slider
  • Theme Builder
  • Timeline
  • Twitter Feed
  • Video
  • WooCommerce Breadcrumbs
  • WP Forms Styler
  • One Page Navigation
  • Content Ticker
  • Woo Checkout
  • Back to Top
  • Particle Backgrounds for Elementor
  • Product Price
  • Product Image
  • Product Stock
  • Product Upsells
  • Product Meta
  • Product Title
  • Product Rating
  • Product Content
  • Product Short Description
  • Product Additional Information
View Categories
  • Home
  • Docs
  • Responsive Addons For Elementor
  • Widgets
  • WP Forms Styler

WP Forms Styler

Who loves their forms to be clean & stylish? Yes, we all do. Responsive Addons for Elementor (RAE) WP Forms Styler widget is what you should be looking for to achieve that.

WP Forms Styler example

With Responsive Addons for Elementor (RAE) WP forms styler widget you can design your form according to your website color schemes and make it more attractive for the end-user. Below are some features of the Responsive Addons for Elementor (RAE) WP forms widget –

  • Option to customize and style the default title & description of the form.
  • Form Field styling options with the box or underline fields.
  • Easy Customization options for your Radio & Checkbox fields.
  • The Attractive color scheme for the background of form fields and submit button.
  • Customizable options for warning/error messages.

You just need to drag and drop the widget and get started with the form styling.

Content #

General Settings #

Select which ‘wp form’ to be displayed.

Editing general settings

Custom/Default WPForms Title & Desecription

The widget gives us the option to choose either default form title and description or set custom title and description. It also gives the option to align the title and description as per your requirement.

You can also set the typography, margin-bottom for form title & description, and color for the same.

Form Field Style Options ( Box & Underline ) #

Editing form fields 1
Editing form fields 2

The Widget provides options for selecting either box type fields or underline-type input fields. The box layout will have borders from all sides for input fields, while the underline layout will have only border-bottom. It also provides options to choose border color, width, style. There is also an option to set the background color for the form fields.

Radio & Checkbox #

Editing fradio and check boxes

The widget also provides an option to override default radio and checkbox styling. It provides options to change the size of the input and set the background color for both the selected and deselected input checkbox or radio button. You can also change the border color, width, and style.

Submit Button #

Editing submit button

This allows you to align the submit button of the form: left, right, center, or justify. You can select the size of the button, set the background color, text color for the button. There is an option for setting border color as well.

Success / Error Messages #

Editing submit button

The widget gives you an option to set message color, background color, typography, and border color for the field validation and success messages of the form.

Style Tab #

Spacing #

Styling spacing

You can set the spacing between form fields and the title and description fields.

Typography #

Styling typography

Change the typography of form title, description, form fields, button.

Updated on April 14, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
WooCommerce BreadcrumbsOne Page Navigation

Powered by BetterDocs

Table of Contents
  • Content
    • General Settings
    • Form Field Style Options ( Box & Underline )
    • Radio & Checkbox
    • Submit Button
    • Success / Error Messages
  • Style Tab
    • Spacing
    • Typography

Our Products

Responsive Paid Plan

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

WP Adcenter

GDPR Cookie Consent

Powered by Responsive WordPress theme

RESOURCES

Responsive Platform

Learn Elementor

Download Free Theme

Brand Assets

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

FEATURES

WooCommerce

Header Footer Builder

Company

About

Pricing

Blog

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Support

Login

What’s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2025 CyberChimps  

Top
  • Constructive Blocks
    • Advanced Heading Block
    • Section Block
    • Advanced Columns Block
    • Pricing List Block
    • Pricing Table Block
    • Flip Box Block
    • Info Block
    • Image Slider Block
    • Post and Page Grid Block
    • Post Carousel Block
    • Icon List Block
    • Table of Content
    • Team Block
    • Shape Divider Block
    • Masonry Block
    • Portfolio Block
    • Accordion Block
    • Divider Block
    • Video Popup Block
    • Card Block
    • Spacer Block
    • Google Map Block
    • Block Quote
    • Expand
    • Image Hotspot
    • Instagram Feed Block
    • Image Boxes Block
    • Testimonial Block
    • Advanced Text Block
    • Testimonial Slider Block
    • Feature Grid Block
    • Inline Notice Block
    • WP Search Block
    • Social Share Block
    • Tabs Block
    • Progress Bar Block
    • Call/Mail Button
    • Anchor Block
    • Gutenberg Image Block – Responsive Block
    • Contact Form 7 Styler
  • Timelines
    • Count Up
    • Gutenberg Countdown Block
    • Content Timeline
    • Post Timeline Block
  • CRO
    • Multi Buttons Blocks
    • Call To Action Block