ページタイトルを非表示にして、ページトップの余白をなくす
固定ページの追加cssに記載
/*上部のページ名を非表示*/
h1 {
display: none;
}
/*コンテンツ上部の余白をなくす*/
content {
padding-top: 0;
}
.l-mainContent__inner>.post_content {
margin-top: 0;
}グローバルナビの文字変更時
/*ナビの大きさ間隔*/
.c-gnav>.menu-item>a .ttl {
font-size: 16px;
color: #000;
font-weight: bold;
letter-spacing: 1.3px;
}
/*最後の文字を色で強調*/
.c-gnav>.menu-item:last-child {
background: var(--color_main);
color: #fff;
}
.c-gnav>.menu-item>a .ttl {
font-size: 16px;
}ヘッダーに電話番号を入れた際に使う
/*google font読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
/*ヘッダー電話番号*/
@media (min-width: 960px) {
.w-header__inner p {
line-height: 1.5;
}
.header_contact_phone {
font-family: Inter, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
font-size: 28px;
font-weight: 700;
color: #338ae8;
letter-spacing: 1px;
}
.header_contact_phone span.icon-phone {
font-size: 18px;
vertical-align: baseline;
margin-right: 2px;
}
.header_business_hours {
font-size: 14px;
letter-spacing: 2px;
text-align: right;
}
}ヘッダーに電話番号を載せる時はウィジェット>カスタムHTML>ヘッダー内
に以下の記述を記入
<p class="header_contact_phone"><span class="icon-phone"></span>090-1234-5678</p>
<p class="header_business_hours">土日祝除く 平日9:00～17:00</p>高さ制限してスクロールで見せたいとき
要素にクラス名「scroll」をつける
/*高さ固定スクロール*/
.scroll{
overflow: auto;
height: 200px;
width: 100%;
}
.scroll{
border-radius: 3px;
border: 1px solid #d8d8d8;
}
.scroll-inner{
padding:20px
}フッター直前ウィジットの上の余白を無くしたいとき
/* フッター直前ウィジェット*/
.w-beforeFooter {
margin-top:0!important;
}ぱんくずリスト非表示
/*ぱんクズリスト非表示*/
#breadcrumb {
display: none;
}デフォルトのフッターメニューのテキスト変更時
/*フッターメニュー*/
.l-footer__nav>.menu-item>a {
font-size: 15px;
letter-spacing: 3px;
padding: 0 1.5em;
}
/*スマホではフッターメニュー非表示*/
@media screen and (max-width:767px) {
.l-footer__nav{
font-size: 15px;
letter-spacing: 3px;
padding: 0 1.5em;
display:none !important;
}
}
.l-footer__nav {
margin-top: -20px;
}google reCAPTCHAを入れたとき
/*reCAPTCHA全面表示*/
.grecaptcha-badge {
z-index: 1;
}
/* 「トップへ戻るボタン」の位置調整 */
.p-fixBtnWrap {
bottom: 85px;
right: 10px
}メニュー左固定
@media (min-width: 960px){
#header{
display: none;
}
body {
padding-left: 200px;
}
.gnav_left {
width: 200px;
position: fixed !important;
left: 0;
top: 0;
z-index:999;
opacity : 1.0;
}
}