XeoryBaseのウィジェットに枠をつける方法

  • このエントリーをはてなブックマークに追加

当ブログでも使用しているwordpressテーマ、XeoryBase

無料でありながら使いやすくて気に入っているんですが、デフォルトの見た目がなんだか味気ないんですよね。

そんな味気なさの原因の1つがサイドバーウィジェット。


スポンサーリンク


背景色は変えていますが、デフォルトだとこんな感じ↓

なんか物足りない

どうにか枠をつけたいなー、と思ってネットで情報を探したんですが、なかなか見つからなくて苦労しました。

なんとか枠をつけることに成功したものが以下。

ウィジェットの項目をそれぞれ区切ることに成功

やっぱりこっちの方が個人的には好きです。

設定方法

XeoryBaseでは簡単にCSSをいじれるので誰でも簡単に設定できます。

やり方は簡単。

外観>カスタマイズ>追加CSS

と移動して、テキストフィールドに以下のコードを貼り付けてください。

公開ボタンを押して更新するのも忘れずに!


スポンサーリンク


The following two tabs change content below.

山田ユウキ

2017年6月、フリーランスwebライターとして開業。パレオダイエッター。
  • このエントリーをはてなブックマークに追加

コメントを残す