2023-08

未分類

結局 要素を横並びにするならflexboxが一番簡単

要素を横並びにする際にelementorなどのプラグインを使うのであればCMS側で簡単に設定できますが、それ以外の場面でcssで指定しないといけない場面も多々あります。色々な方法がありますが、一番簡単な方法は親要素にdisplay:flex...
未分類

ボタンの幅を文字数で可変にするCSS

CSSで作成したボタンの幅がpx指定だったりすると文字数によってははみ出てしまいます。width:100%にすると親要素の幅いっぱいに広がってしまいます。今回は、width:fit-content;で指定して、文字数に合わせてボタンの幅が決...
未分類

Elementor #86

未分類

googlemapのアイコンをオリジナルに変更する

Googleマップのピンのアイコン、マーカーを変更してお店などのロゴを表示する方法です。GoogleのAPIを有効にする以下2つのAPIを有効にします。MapsJavaScriptAPIGeocodingAPI手順GoogleCloudPl...
未分類

cocoonの見出しタグのデフォルトCSSをリセット

/*!elementor-v3.15.0-20-08-2023*/.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading.ele...
未分類

文字の左側に罫線を引くCSS

H3タグの見出しのデザインのために、H3タグの左側に罫線を引きます。腰痛や肩こり、頭痛など痛みのスペシャリストですこんな感じですh3{display:flex;align-items:center;}h3:after{content:"";...
未分類

Hello world!

WordPressへようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。