未分類– category –

<div class="scroll-indicator"> <span>Scroll</span> <div class="line"></div> </div> .scroll-indicator { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); text...

.back-image { position: relative; padding: 20px; text-align: center; background-image: url('画像のURL'); background-size: contain; background-position: center; background-repeat: no-repeat; }

サブタイトルのデザインをカスタマイズしたい・・・ WordPressの人気テーマ「SWELL」では、固定ページのサブタイトルを設定することができ、自動的にページタイトルの右側に設定されます。 配置や文字の大きさはCSSでカスタマイズ可能ですが、サブタイトル...

#top_title_area:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; color: rgba(0,0,0,0.2); z-index: 1; }

/** * ヘッダー */ add_action( 'arkhe_header_right_content', 'add_custom_header_right_content' ); function add_custom_header_right_content() { // インラインCSSを追加（ホバー時のスタイル） echo ' <style> .custom-p...

.back-image { position: relative; padding: 20px; text-align: center; background-image: url('画像のURL'); background-size: contain; background-position: center; background-repeat: no-repeat; }

お名前ドットコムサーバーでは、デフォルト設定ですと、ファイルは50MBまでしかアップロードできません…。 サイトデータを一括移行したいときや、大きいファイルをアップロードしたいときには少し足りませんよね。 今回は、お名前ドットコムサーバーで、フ...

.single h2:not(.section-title2):not(.c-bottomSection__title) { padding: 1rem 2rem; border-top: 6px double #000; border-bottom: 6px double #000; } .single h3 { padding: 1rem 2rem; border-left: 4px solid #000; }

.icon-posted::before { display: none; } .news-list .p-postList.-type-simple{ border-top:none; } .news-list .-type-simple .p-postList__link{ border-bottom:none; } .news-list .p-postList__body { display: flex; align-items: center; gap: 1em...

.c-headLogo__img { opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .25s ease, transform .25s ease, visibility .25s; } /* data-scrolled=true のとき表示 */ [data-scrolled="true"] .c-headLogo__img ...

<div class="scroll-indicator"> <span>Scroll</span> <div class="line"></div> </div> .scroll-indicator { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); text...

.wp-block-group__inner-container { display: flex; height: 100%; flex-direction: column; } /* ↓ ここだけにしたい場合は親のグループなどに任意のクラスをつけて */ .class-name .wp-block-group__inner-container { display: flex; height: 100%; fl...

.p-drawer{ background: #305f72 !important; }