ホームページ制作|札幌
ホームページ制作|札幌
北海道札幌市北区北6条西6丁目2-1朝日プラザ偕楽園506号室
営業時間 7:00-24:00 TEL/FAX 011-768-8116
代表:グレン チャールズ ロウ
26 Online (オンライン中(19ゲスト Guests 7検索ボート Bots, )

Tag Archives: min-width

CSS, WordPress, Contact Form 7, Email, Media Call, Larger, Smaller

If you are using WordPress it is easy to change the padding based on the width of the screen.

Add the following CSS code below the the CSS part of the customize area.

@media (max-width:1200px) {/below 1200/.wpcf7-form{padding:15px}}

@media (min-width:1200px) {/above 1200/.wpcf7-form{padding:0px}}

This first line of code will add 15 pixels of padding when the email form is smaller than 1,200 pixels. The second line of code will set the padding to 0 pixels when the screen is more than 1,200 pixels in width.

CSS, WordPress, Contact Form 7, Email Form, Media Call, Larger Than, Smaller Than
A4JP.COM DESIGN
Copyright & NPO Study © 2024