NAGOのライフスタイルBLOG

あなたのライフスタイルは?日々楽しく豊かに暮らしたいですね。

カエレバの見栄えをCSSでカッコよく整える

カエレバ、ヨメレバは「わかったブログ」のかん吉さんが無償で提供している商品紹介用のブログパーツです。

www.wakatta-blog.com

 

当サイトでも使ってますがデザインをイジルことなく使ってます。

そのため表示がこんな風になってます。

f:id:nago777:20171128221428p:plain

かなり味気なく縦長に表示されます。

そこで以下のサイトで紹介されているカスタイズ記事を参考にして見た目をかえていきます。

www.yukihy.com

 

CSSにコードをコピペで追記するだけなので簡単です。

しかしボタン部分が斜め表示になってしまいました。

そこで表示のずれを直すため以下のサイトを利用しました。

www.a-s-blog.com

CSSコードをはてなのデザインCSSに張り付けるだけです。

f:id:nago777:20171128223215p:plain

ずいぶん雰囲気が変わりスッキリまとまりました。