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 729 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
Assign users to a post concat all columns in SQL Server Make up table definition with [yr-mth] columns and column list WordPress database access with $wpdb Add slideshow on homepage for Parallax One theme Install SQL Server 2019, Data tools etc.
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