コンテンツへスキップ →

AFFINGER6でプロフィールの名前の下に棒線を付ける方法

投稿日: 2022年6月21日 | 投稿者: shuntarouboy

検証ツールでプロフィール名のCSSのclassを探す

F12を押して検証ツールを開く。
カーソルアイコンを押す。
プロフィール名の箇所をクリックする。
クラス名が「.st-author-nickname」ということがわかります。

追加CSSで「.st-author-nickname」を追加する

サイドバーの外観→カスタマイズを選択する。
以下のコードを追加する。

.st-author-nickname {
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #1a1a1a;
}

これで名前下にボーダーの枠線がついたと思います。

もしかしたらAFFINGERの機能で同じことができるのかもしれませんが、わからなかったのでこのやり方をしています。
他にもやり方がわかるという方がいたらコメントいただけると嬉しいです。

カテゴリー: WordPress

タグ:

WordPress