Support » Theme: Celestial - Lite » Contact Form 7 Field Width broken – Celestial Lite

Viewing 1 replies (of 1 total)
  • Forms are difficult to style as some of the parameters are within the form’s code, but try this:

    Use a Custom CSS plugin for any changes, as when the main theme updates, all the changes you may have made to the main theme will be lost.

    After installing the plugin, paste this code in it:

    div.wpcf7 {
    	display: block;
    	width: 80% !important;
    	height: auto;
    	margin: 0 auto !important;
    }

    This is the “div” that wraps the entire form. Changing its width to a percentage of its parent section should make it responsive to any device size also.
    You can change the “80%” to any size greater or smaller, but I wouldn’t go over 96%, to leave a bit of room on each side.

Viewing 1 replies (of 1 total)
  • The topic ‘Contact Form 7 Field Width broken – Celestial Lite’ is closed to new replies.