Personal Blog of

Minhazul Asif

Personal Blog of

Minhazul Asif

gravity form(simple contact form)

gravity form simple contact form

Process

=========

  • Name
  • Email
  • Phone 
  • Message 
  • Gender : radio – Male/ Female / 3rd Gender 
  • Course: Dropdown – wp/ web / lead 
  • Checkbox, I agree

 

How to add and design a gravity form at a page

=========================================

    • Install & activate essential elementor addons 
    • From wp dashboard > click essential addons 
    • Click: elements > ENABLE ALL > Save Changes 
    • Create a page  edit with elementor > add “EA GRAVITY FORM”
    • Now choose – the gravity form – that you created  
    • ENABLE :  Custom Title & Description : write “preferred title”
    • DISABLE: Title
    • Settings > page layout : elementor full width 
    • Edit EA Gravity Forms > Style 
    • ENJOY UNLIMITED CUSTOMIZATION 
    • Form container : background color:  + add padding  + form width 
    • Input & Textarea: input box background color + text color + input width + SPACING

 

  • SUBMIT BUTTON: fill width + background color + text color
  • Error message : text color : RED
  • Radio & Checkbox: Custom Style > increase size + color & checked color
  • Thanks you message – color + font + color

 

 

Share on -

Related Articles

minhazul asif

আমি মিনহাজুল আসিফ,

Entrepreneur, Instructor, Web Developer, Freelancer & Cyber Sucurity Expert.

নিজের আইডিয়া গুলো সবার সাথে শেয়ার করার জন্য এই ব্লগ ওয়েবসাইট তৈরী করা। আশা করি আমার ব্লগ পড়ে অনেকেই উপকৃত হবে।

ক্যাটাগরি সমূহ: