【WordPress】Gush2でAmazonJSを使ってる人必読!商品タイトルの位置のズレを直す方法

  更新:2015/01/13

WordPress01

photo credit: Huasonic via photopin cc

FLAT 23の住人Ayaka(@LadyBBA2014)です。

Gush2にしてから初めてAmazonJS(プラグイン)を使って、商品のリンクを貼ってみたんですが、タイトルの位置がなんかおかしい!
ということで、対処法をご紹介します。

スポンサードリンク

タイトルがずれる

前回の記事でアマゾンの商品リンクをAmazonJS(プラグイン)を使って貼ったんですが・・・

アマゾンリンク01

なんかタイトルがずれてない?

20140920-4

スポンサードリンク

原因は小見出しタグ

調べてみると、このアマゾンの商品タイトルはh4タグで囲まれていて、Gush2では飾りつきの小見出しに指定されている。

ということで、

編集ページから外観→テーマ編集→スタイルシート

に行って、

記事見出しの下にある

以下のソース(657行目です)をコメントアウトしました。

#article_body h4 {
	font-size: 18px;
	border-left: 3px solid #ccc;
	margin: 48px 0 24px 0;
	padding: 0.2em 0.2em 0.2em 0.5em;
}

私はh4タグは使わないので。
もし使う人は同じものをコピーして、別の名前にすればいいと思います。

直ったー!

画像とタイトルのズレが直りました!

以上です。

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

コメント一覧

  1. […] 【WordPress】Gush2でAmazonJSを使ってる人必読!商品タイトルの位置のズレを直す方法 […]

ロリポップFTP使ってる私がAmazonJSを設置するまでの流れ へ返信する コメントをキャンセル

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。


*