WordPressテーマJINを使っている方の中で、内部リンクを貼った時の「あわせて読みたい」の文字が若干ずれてしまう事象に出くわしたことはありませんか。
こんな感じです↓↓
”あわせて読みたい”って文字が若干上に寄っていますよね?今回はこのずれの解消方法を記録したいと思います。
ずーっと気になってた方いらっしゃると思います。今日で問題解消できますよ!
JINの問題はこちらもあります。よかったらどーぞ。⇒JINの吹き出しで画像が表示されない時の対処法【ショートコードを修正してしまおう】
広告
WordPressテーマJINの「あわせて読みたい」のずれを直す方法
さっくりと終わってしまいますが、ポイントは次の通り。
- ずれを調整するcssを加えてあげる。
ホント単純で申し訳ありませんが、簡単にいく話なので。。。
では早速詳しく中身を見ていきます。
「あわせて読みたい」のずれを調整するcssを加えてあげる。
ズバリ、下記のcssを付け加えてあげればOKです。
.blog-card .blog-card-hl:after {
top: 8px;
}
top: 8px;
}
以上です。
8pxがちょうどいい位置になるかと思いますが、自分のページに合わせて調整してみてください。
念の為、どこに貼り付けすべきかというと、[外観 – カスタマイズ – 追加css]箇所に追加すれば良いです。
追加CSSをクリック。
CSSを記載するエリアが表示されますので、そこに位置を調整するcssコードを入力します。
コレで以上です。
=====
以上でおしまいです。どなたかの参考になればと思います。
【Related】: WordPressテーマJINの「あわせて読みたい」のずれを直す方法