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

Category Archives: CSS

How to I stop a postcode becoming a phone number on an iPhone HTML, coding

I use a zero-width joiner ‍

Just put that somewhere in the phone number and it works for me. Tested in BrowserStack (and Litmus for emails).

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

Replace difficult to read font in Google Chrome

How to swap font in Chrome of it is difficult to read:

Load the Google CHrome app named Styler:

https://chrome.google.com/webstore/detail/styler/bogdgcfoocbajfkjjolkmcdcnnellpkb?utm_source=chrome-app-launcher-info-dialog

Then go to the page with the bad font.

Click on the Styler S icon on the top right of Chrome.

Copy and paste the code below with the font you want to change:

Helvetica Neue for example:

@font-face { font-family: ‘helvetica neue’; src: local(‘Arial’); }

All done.

A4JP.COM DESIGN
Copyright & NPO Study © 2024