【賢威8】ヘッダー上部の斜線（装飾）を消す

今回はヘッダー上部（サイトの一番上の部分）の斜線を消す方法を紹介いたします。
ヘッダー上部の斜線

追加するコード

ヘッダー上部の斜線を消す

以下のコードをCSSに追加します。

CSSに追加するコード

/*ヘッダー上部の斜線を消す*/
.keni-header_wrap{
	background-image: none;
}

これでヘッダー上部の斜線を消すことができました。
尚、同じ斜線の装飾が

  • カテゴリページのタイトル上（アーカイブタイトル）
  • 記事ページのタイトル上

にもございますので、こちらも合わせて消す方法も紹介いたします。

カテゴリページのタイトル上

カテゴリページのタイトル上

CSSに追加するコード

/*カテゴリページのタイトル上の斜線を消す*/
.archive_title{
	background-image: none;
}

記事、固定ページのタイトル上

記事ページのタイトル上

CSSに追加するコード

/*記事ページのタイトル上の斜線を消す*/
.keni-section .entry_title{
	background-image: none;
}

まとめて斜線を消す場合

CSSに追加するコード

/*ヘッダー、カテゴリページ、記事・固定ページの斜線を消す*/
.keni-header_wrap,
.archive_title,
.keni-section .entry_title{
	background-image: none;
}

この記事を書いた人

まえさん

賢威カスタマイズを運営する会社の代表です。なるべく「わかりやすく、シンプルに」を心がけた初心者の方向けのコンテンツ作りを目指しております。上級者の方には「物足りない」「ここはこの方が」なんてこともあるかと思いますが、どうかあたたかい目で見守っていただけると幸いです。

記事一覧へ