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

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

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

めっちゃ便利やんこれ。

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

スポンサーリンク

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

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

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

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

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

しかし、問題点が。

Wowma!のボタンがない!

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

CSSを追加するだけ

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

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

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

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

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

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

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

それでは。

このブログの中の人

すぎもん
すぎもん
1991年神奈川生まれ。ばあちゃんが民宿をやっていて、旅行が大好き。学生時代は海外20ヵ国以上旅したり、カフェを運営。
「お酒×観光」Webマガジン「トラべろマガジン」も運営中。

本ブログでは、ニッチな観光情報や旅行会社を作るための様子を発信中。
SNSをフォローして頂けると最新情報をお知らせします。

SNSをフォローする