未分類 結局 要素を横並びにするならflexboxが一番簡単
要素を横並びにする際にelementorなどのプラグインを使うのであればCMS側で簡単に設定できますが、それ以外の場面でcssで指定しないといけない場面も多々あります。色々な方法がありますが、一番簡単な方法は親要素にdisplay:flex...
2023-08
未分類 未分類 ボタンの幅を文字数で可変にするCSS
CSSで作成したボタンの幅がpx指定だったりすると文字数によってははみ出てしまいます。width:100%にすると親要素の幅いっぱいに広がってしまいます。今回は、width:fit-content;で指定して、文字数に合わせてボタンの幅が決...
未分類 Elementor #86
未分類 googlemapのアイコンをオリジナルに変更する
Googleマップのピンのアイコン、マーカーを変更してお店などのロゴを表示する方法です。GoogleのAPIを有効にする以下２つの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{display:flex;align-items:center;}h3:after{content:"";...
未分類 Hello world!
WordPressへようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。