商品画像と商品情報欄のズレ

[yamada yoshiki]

タイトルの通りです。
商品画像と商品名や価格などの情報を一列に並べたいのですが、何が問題なのでしょうか。
画像の登録前からズレているようです。
ご教授よろしくお願いします。

——————————————-
WordPress のバージョン：4.0.1
Welcart のバージョン：1.4.11
ご利用のテーマ：Accesspress Liteバージョン: 2.26
症状を確認したブラウザ：IE chrome
サーバー（会社名、サービス名）：さくらインターネット　スタンダード
SSLの利用：共有SSL　
WordPress のパーマリンク設定：デフォルト
——————————————–

Attachments:

You must be logged in to view attached files.

[yasumax]

こんにちは。

お使いのテーマにて、h1～h6タグに対して「clear:both;」などのフロート解除指定が入っているのではないでしょうか。

スタイルシートに#itempage h1など各見出しタグに対して「clear:none;」を足してみてください。

[yamada yoshiki]

yasumaxさん
すごい。仰るとおりに下記のとおりCSSに加えてみたら横一列に並びました。
本当にありがとうございます。

#itempage h1, h2, h3, h4, h5, h6 {
clear:none;
}

[yasumax]

こんにちは。

その記述ですと、h1以外は全ページに影響が出てくる可能性があります。
商品詳細ページだけで利用する場合は、下記のようにするといいかと思います。

#itempage h1,
#itempage h2,
#itempage h3,
#itempage h4,
#itempage h5,
#itempage h6 {
clear:none;
}

[yamada yoshiki]

yasumaxさん
訂正ありがとうございます。
一つひとつに#itempageをつける必要があったんですね。

早速CSSを書き換えました。
重ね重ねありがとうございます。

[投稿者]

投稿