WordPressテーマSANGOの質問

ロゴの上にキャッチフレーズを表示したい

アバター
moko

お世話になっております。
キャッチフレーズをサイト最上部(サイト名またはロゴ画像の上)に表示させる方法をお教えいただけないでしょうか。

外観のカスタマイズを見たところ、設定項目が見当たらなかったため、ご質問させていただきました。
もし、私の見落としで外観のカスタマイズから設定可能でしたら、合わせて教えていただけると幸いです。

恐れ入りますが、何卒宜しくお願い致します。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/04/20

カスタマイズが必要です。CSSを使った方法でも良いですか?
以下のCSSを子テーマのstyle.cssもしくは外観⇒カスタマイズ⇒追加CSSに貼り付けることでキャッチフレーズをロゴの上に表示することができます。

#logo:before {
    content: 'キャッチフレーズをここに';
    display: block;
    float: none;
    font-size: 11px;
    line-height: 1.1;
    font-weight: normal;
    color: #FFF;/*文字色*/
    letter-spacing: 0;
}
#logo img {
    height: 52px;
}

よろしくお願いします。

アバター
moko
2019/04/22

早速のご回答ありがとうございます。
恐れ入りますが、上記CSSを試したところスマホ表示した際にキャッチフレーズとロゴが2列になって表示されてしまうのですが…回避策をお教えいただけないでしょうか。

サルワカくん
サルワカくん
2019/04/23

それはあえてそのようにしました。
横に表示させると、スマホでは非表示になります(はみ出てしまうので)。

おそらくこちらのコメントで回答したCSSで横に並べることが可能かと思います。
https://saruwakakun.com/sango/comments?id=2440

よろしくお願いします。

アバター
moko
2019/04/25

無事表示ができました。
ご丁寧に回答いただきありがとうございました。