Thread Starter
RM4
(@rm4)
max-width: 100%; – also does not have effect –
Width come to 331 px – http://joxi.ru/YmEkB5iZGL6EA6
Please include a link to your Contact Form 7 form so we can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.
Thread Starter
RM4
(@rm4)
Looks like the following CSS you added in http://strij.net/wp-content/themes/everything_child/style.css is over-riding your max-width: 100%; styling:
.wpcf7 input.wpcf7-text {
width: 530px;
}
Thread Starter
RM4
(@rm4)
This code was added by me because width: 100%; or max-width: 100%; – does not helped and width come to 331 px.
I can replace it. Pls advice what should I paste.
edit wp-content/themes/everything/data/css/style.min.css
span.wpcf7-form-control-wrap -> width: 100%
Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
edit wp-content/themes/everything/data/css/style.min.css
No, don’t do that. You will lose your changes when the theme is updated.
For that small amount of CSS try a custom CSS plugin.
https://wordpress.org/plugins/search.php?q=custom+CSS
This one is simple and easy to use.
https://wordpress.org/plugins/simple-custom-css/
Or if you really want to go full in, create and activate a child theme and put your CSS there.
https://codex.wordpress.org/Child_Themes
That way you can safely customize your CSS.
Thread Starter
RM4
(@rm4)
Thanks to all.
Jan Dembowski, I am using Child theme. So I can edit child CSS without any losses after update.
Thread Starter
RM4
(@rm4)
LESIMOON, your solution works fine! Thanks a lot!!!
