記事一覧を3列にする方法 Stinger5+SIMPLESTERカスタマイズ

     

PAK86_takoyakidekiageari15122810500

 

トップページの記事一覧が2列を3列にしてみたかったのでやってみました。

これが

WS000076

 

SPONSORED LINK


こうなる

WS000077
SIMPLESTR-ver2 style.cssの上の方この部分を

@media only screen and (min-width: 1150px) {
#topnews {display: flex;flex-flow: row wrap;justify-content: space-between;}
div#topnews dl {width:44%}
}

 

こうするだけで

@media only screen and (min-width: 1150px) {
#topnews {display: flex;flex-flow: row wrap;justify-content: space-between;}
div#topnews dl {width:27%}
}

3列になっちゃいます。

 

アイキャッチの画像の大きさとか色々サイズ変えると

WS000078

こんな感じにまで出来る。

 

 

yaruo79
さっさとこの管理人のセンスどうにかしてあげたほうがいいお・・・

 

 

yaranaio30

 

うまい人はWordPressの3列ですごい綺麗にまとめてる人いるよなあ
今の管理人のセンスじゃここが限界だろ

 

 

 

 

キャンペーン情報
当ブログ限定クーポン!AUKEY Bluetoothヘッドセット EP-B31が3月24日まで半額!

Amazonで年間300個以上の商品を買ってる筆者がオススメするプライム会員! その紹介記事を書いたので良かったら見てね。 (`・ω・´)→【2017年】Amazonプライム会員だと購入額の1%が戻ってくる!?

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterでgomaruyon.comの最新情報GET!!

関連記事

 - BLOG, SIMPLESTER, Stinger5, wordpress, ブログ運営



  関連記事