Cocoonでカエレバを使ってWowma!ボタンを表示させる方法

どうも、すぎもん(@suginomoto73)です。

何となく今まで購入リンクを貼るのに便利と噂の「カエレバ」を使っていなかったのだが、やっと導入してみた。

めっちゃ便利やんこれ。

でも、1つだけ不具合が出てしまったので、ただ、それを直すだけの記事だ。

Cocoonでは、カエレバのデザインCSSが最初から入っている

まず、つまづいたのがこれね。

カエレバは、元のデザインはめちゃくちゃシンプルで以下のような感じだ。

なのに、カスタマイズしないでリンクを貼って見たら以下のような見た目になっていた。

あれ。普通にかっこよくなっている。。

しかし、問題点が。

Wowma!のボタンがない!

ということで直したよというだけ。

CSSを追加するだけ

といっても以下のCSSをstyle.cssに追加するだけだ。

まあ、場所は分からない人は

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

の直前とかに貼っておけば何とかなるかと。

色は濃いオレンジにしてある。

#FF6100の部分を、別のカラーコードに変更すれば、色が変わるよ。

まあ、普通にチョットしたら、実装されるかと思うけど、そこまでに悩んでいる人がいれば。

それでは。

すぎもん

東京育ち、秩父在住。
宅急便企業にて、通販企業支援、ふるさと納税サービス立ち上げ。
その後、ギフトEC企業にて事業部長。
やってること
・一棟貸し旅館(準備中)
・通販/物流ライター
・通販業務サポート
・旅×酒メディア「トラべろマガジン」

SNSをフォローする

すぎもんをフォローする
Web制作
シェアする
すぎもんをフォローする
スポンサーリンク
すぎもんのサイト