「通知エリア」の通知メッセージが表示されます

【てがきノート】キャッチフレーズの背景を削除する方法

カスタマイズ
この記事は約2分で読めます。

てがきノートでは、キャッチフレーズに斜線が入るようになっております。

そうでない場合ですと以下のように少し寂しいデザインとなるためです。

しかしながらヘッダーに背景色や画像がある場合は必要がない場合もあります。

そのため、キャッチフレーズの背景を削除するために以下のCSSを適用してください。

もしカスタマイザーからの機能追加要望が多い場合は検討します。

スポンサーリンク
スポンサーリンク

モバイル状態の時に背景と同じ柄がヘッダーメニュー入らないようにする方法

タイムラインのタイトル
  • ステップ1
    外観 > カスタマイズをクリック

    WordPressにログインして、ダッシュボードで外観 > カスタマイズの順にクリックします。

  • ステップ1
    追加CSSをクリック

    カスタマイズの画面から追加CSSをクリックします。

  • ステップ1
    CSSを挿入

    CSSの入力欄に↓のコードをコピーして貼り付けます。

    .tagline {
        background-image: unset;
    }
  • ステップ4
    公開をクリック

    左上にある公開をクリックします。

これで完了です!

ビフォーアフター

モバイル状態の時に背景と同じ柄がヘッダーメニュー入らないようにした時のビフォーアフターは以下となります。

CSS適用前

CSS適用後

なお、このカスタマイズにより、何らかの不具合が発生しても

責任は負いかねますのでご了承ください。

\WordPressのあれこれをワンストップで対応/
Cocoonのカスタマイズ受付中

Cocoonをホームページっぽくしたい!デザインを自分好みにしたい!など「Cocoonでこんなことができたらいいのに」と思いませんか?
ゆうそうとではCocoonでのホームページ制作やカスタマイズ、エラー対応、レッスンなど、WordPressのあれこれをワンストップで対応しています。

プロフィール
この記事を書いた人
ゆーそうと

ゆーそうとは、WordPressでのウェブサイト制作や相談、カスタマイズ修正、エラー対応などをしています。
活動拠点である東京(町田市、八王子市)、神奈川(相模原市、横浜市)を中心に全国のお客様からご依頼をいただいています。
ちょっとしたことでもお気軽にお問い合わせください!

ゆーそうとをフォローする
カスタマイズスキン「てがきノート」
ゆーそうとをフォローする

コメント

タイトルとURLをコピーしました