【はてブロ】ヨメレバをカスタマイズしたらボタンがズレた!?修正方法!
こんにちは!
なんでも行き当たりばったり、石橋は叩いて笑え!
座右の銘は【何とかなるさ】のガッツです!
少しずつですが記事数も増えてきて、
ブログ内のカスタマイズをやれる余裕が出てきました!
ヾ(≧▽≦)ノパチパチ
それもこれも、ブログの先輩さん達が率先して今まで頑張ってきてくれているおかげです!
ガッツには作る技術はないけれど、
分からないことを分かるようになって、さらにそれを発信することならできるので、
これからもどんどん分からないことが分かったら伝えていきます!
今回は表題どおり、
ヨメレバをカスタマイズしたらボタンがズレてしまう状況を対処していきます。
YukihyさんのCSSを使用したら一部ボタンがズレた
▽前回ヨメレバをcssでカスタマイズする方法をお伝えしました。
なぜだかURLコピペするだけではズレが生じてしまう・・
↓ ↓ ↓
かっこいいデザインだったのに・・残念・・
オーキードーキーの環境
・はてなブログ
・Brooklyn (shiromatakumiさんのテーマ)
対処法は??
調べたところ、
アズさんのミニマムコラムにて改善法が記されていました!(ホッ)
どうやら、PC版のみズレが生じているらしく
CSSの<img style>←これが問題なのだとか。
ガッツには分かりませんでしたが、
とにかく<img style>が妨げになっているようです。
このコードを無効にする方法が下記のコードを、
CSSデザインにコピペするだけでOKです☆彡
毎回毎回ヨメレバを表示するときに、
<img style>を削除する手間は面倒ですもんね。
shoplinkamazon img{display:none;}
.shoplinkkindle img{display:none;}
.shoplinkrakuten img{display:none;}
参考URL:ヨメレバ、カエレバで表示のずれをCSSで修正する方法 - ミニマム コラム
上記をコピペ ➡ デザイン ➡ 🔧 ➡ { }CSSデザインに(コピペするだけ)
どこでも良いのでコピペすれば直りました!
良かった~( ;∀;)
これでかっこいいデザインでアフィリエイト出来る!!
ぜひ悩まれた方は試してみてください。
ヨメレバってなあに?
そもそもヨメレバってなんだ!?という方は、
こちらの関連記事を見てみてくださいね☆彡
▽アフィリエイトするならカエレバとヨメレバに登録!
アフィリエイトってなあに?
まてまてアフィリエイトってなんだ!?という方は、
ご安心ください(笑)
下記の関連記事でしっかり説明しています!
▽初めてアフィリエイトで収益を出した方法について!
他にもアフィリエイトの方法沢山あります!
▽アフィリエイトするならココナラ!
▽アフィリエイトするならまずASP登録から!