WordPressテーマJINの「あわせて読みたい」のずれを直す方法

WordPressテーマJINを使っている方の中で、内部リンクを貼った時の「あわせて読みたい」の文字が若干ずれてしまう事象に出くわしたことはありませんか。

こんな感じです↓↓

”あわせて読みたい”って文字が若干上に寄っていますよね?今回はこのずれの解消方法を記録したいと思います。

ずーっと気になってた方いらっしゃると思います。今日で問題解消できますよ!

JINの問題はこちらもあります。よかったらどーぞ。JINの吹き出しで画像が表示されない時の対処法【ショートコードを修正してしまおう】

広告

WordPressテーマJINの「あわせて読みたい」のずれを直す方法

さっくりと終わってしまいますが、ポイントは次の通り。

  • ずれを調整するcssを加えてあげる。

ホント単純で申し訳ありませんが、簡単にいく話なので。。。

では早速詳しく中身を見ていきます。

「あわせて読みたい」のずれを調整するcssを加えてあげる。

ズバリ、下記のcssを付け加えてあげればOKです。

.blog-card .blog-card-hl:after {
    top: 8px;
}

以上です。

8pxがちょうどいい位置になるかと思いますが、自分のページに合わせて調整してみてください。

念の為、どこに貼り付けすべきかというと、[外観 – カスタマイズ – 追加css]箇所に追加すれば良いです。

追加CSSをクリック。

CSSを記載するエリアが表示されますので、そこに位置を調整するcssコードを入力します。

コレで以上です。

=====

以上でおしまいです。どなたかの参考になればと思います。

【Related】: WordPressでcssの変更が効かない時の対処方法

広告