IT Blog

  • Blog
  • Technology
    • Technology
    • Architecture
    • CMS
    • CRM
    • Web
    • DotNET
    • Python
    • Database
    • BI
    • Program Language
  • Users
    • Login
    • Register
    • Forgot Password?
  • ENEN
    • 中文中文
    • ENEN
Experience IT
In a World of Technology, People Make the Difference.
  1. Home
  2. Technology
  3. CMS
  4. Wordpress
  5. Plugin
  6. Change contact form 7 field display size

Change contact form 7 field display size

2018-08-28 796 Views 0 Like 0 Comments

Contact Form 7 is using fixed display size for the form fields. In the form page it does not fit the page style. In order to make it better looking the stylesheet could be adjusted by following steps.

Customize theme -> Additional CSS, add following code.

.wpcf7-form p label {
	width:100%;
}

.wpcf7-form p label span input {
	width:100%;
}

.wpcf7-form {
	padding:10px;
}
/*
.wpcf7-form p label span textarea {
	display:block;
	width:100%;
}
*/

contact form 7 field size adjustment

Loading

error
fb-share-icon
Tweet
fb-share-icon
IT Team
Author: IT Team

Tags: None
Last updated:2021-01-02

IT Team

This person is lazy and left nothing

Like
< Previous
Next >

Comments

Cancel reply
Newest Hotspots Random
Newest Hotspots Random
Rich editor not working Making web page scroll down automatically Getting data from Dapper result All Unicode Chars How to keep and display contact form 7 data Common Regular Expressions
Download URLs Wordpress database model Restrict WordPress user access some contents Extract emails to MailChimp Scientific format problem SQL Server Database Backup - 3 Methods
Categories
  • Architecture
  • BI
  • C#
  • CSS
  • Database
  • DotNET
  • Hosting
  • HTML
  • JavaScript
  • PHP
  • Program Language
  • Python
  • Security
  • SEO
  • Technology
  • Web
  • Wordpress

COPYRIGHT © 2021 Hostlike IT Blog. All rights reserved.

This site is supported by Hostlike.com