未分類– category –

.reserve { position: fixed; bottom: 20vh; right: 0; writing-mode: vertical-lr; text-orientation: mixed; background-color: #AD3814; color: #fff; padding: 20px 10px; font-size: 20px; font-weight: bold; cursor: pointer; z-index: 999 !import...

.arkhe-svg-posted{ display: none; } .p-postList__body{ display: flex; align-items: center; } .p-postList__times time{ color: #c39e81 !important; font-size: 1rem; font-weight: bold; margin-right: 20px; } .p-postList .p-postList__title{ li...

.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...

.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; }

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

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

#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; }

<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; }

.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...

.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; }

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