高機能有料テーマ「Avada」を使ってみる Vol.05

投稿日: カテゴリー: Avada, Wordpress

トップページに新着の記事を少し並べてみたがFusion Blog Grid Layoutって…

あっさりとしていて、それはそれで良いのだがもう一つデザイン要素を追加したい。
で、テーマオプションなどを色々と触ってみたのだがいまいち痒いところに手が届かない。
そこで、次のスタイルを追加した。

単純にChromeで対応したCSSを調べ、まんま追加したい要素のみ足してみた。
何を足したかはCSSのコメントに追加。

注意すべきは、例えば画像の角丸であればどの要素の画像に対して角丸にするかをしっかり書くこと。
でなければ、「fusion-image-wrapper」で指定された多くの要素がかってに角丸になってしまう。

今回は「fusion-blog-layout-grid」の「fusion-image-wrapper」だけを角丸にした。
なので、

のようにクラスを指定している。
一応…これで思った通りに表示してくれている。