STINGER8|関連記事一覧の表示をカスタム

STINGER8|関連記事一覧の表示をカスタム

STINGER8のデフォルトでは関連記事一覧が1記事横並びとなっています
※変更前のキャプチャとってなく、、イメージだけです、すみません。。

 

これを下記のように横並びで複数記事表示されるようにします

 

今回使用するファイルは、「kanren.php」と「style.css」になります。
ソースコードをそのままコピペしていただくだけで大丈夫です。

「kanren.php」を下記に変更

「style.css」を下記に変更※PCとSP両方あるので、SPは『@media only screen and (max-width: 〇〇px) {』のあとに記載しましょう。

 

下記画像のようになっていましたら成功です。

 

 

いかがでしたでしょうか?

文字色等気になる箇所があればカスタム>追加CSSから変化を確認しながら修正していきましょう!

 







コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です