ブログの話 PR

【JIN】「あわせて読みたい」の位置を修正【追加CSS】

記事内に商品プロモーションを含む場合があります

会社員&二児の母しながら、自宅で声のお仕事をするパラレルワーカー・こまきです。

私がお世話になっているおしゃれワードプレス有料テーマ「JIN」ですが、別記事にリンクを貼る際の「あわせて読みたい」が微妙に上にずれてしまうのを修正したくて、そのためのカスタマイズを行なっています。

修正前

修正後

追加CSSはこちら

カスタマイズは自己責任でお願いします!要バックアップ!

↓こちらを「カスタマイズ」画面の「追加CSS」に書き足します。

/*「あわせて読みたい」のずれを調整する*/
@media only screen and (min-width: 768px) {
.blog-card .blog-card-hl:after {
top: 8px;
font-weight: 700;
}
}

@media (max-width: 420px) and (min-width: 321px){/*スマホ用*/
.blog-card .blog-card-hl:after {
top: 4px;
font-weight: 700;
}
}

参考になれば幸いです!

参考サイト

いろんなカスタマイズ例が載っています!見てるだけで楽しい。
>>くまさんのブログ「FOR JIN」

JINの購入・ダウンロードはこちら!
>>JIN公式サイト

▼私が使ってるドメイン・サーバーはこちら!▼

こちらもおすすめ