Welcart VOLLトップページカテゴリ画像ズレについて

フォーラム テンプレート(テーマ) Welcart VOLLトップページカテゴリ画像ズレについて

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #85947
    dswdsw123456
    参加者

    ——————————————-
    WordPress のバージョン:4.9.6–ja
    Welcart のバージョン:1.9.10

    ご利用のテーマ:Welcart VOLL 1.0.2

    ブラウザ/OS:safari/mac10.13
    ——————————————–

    テーマ:Welcart VOLL 1.0.2
    についてご質問いたします。

    トップページの
    カテゴリー 一覧画像が

    ブラウザのサイズによって、
    マウスhover時に
    高さが変わり、ずれてしまいます。
    (参考:添付ファイル)

    macのsafariでこの状態が起こるようです。
    chrome・Firefoxでは問題ありませんでした。

    修正する方法をお教えください。

    #85948
    dswdsw123456
    参加者

    画像ファイルサイズエラーのため
    もう一度画像をお送りいたします。

    Attachments:
    You must be logged in to view attached files.
    #85960
    ohnishi
    キーマスター

    こんにちは

    お使いのテーマ内(welcart_basic-voll)の
    style.css 70行目あたりに以下を追記してみてはいかがでしょうか。

    
    img {
    	max-width: 100%;
    	height: auto;
    	-webkit-transition: none;
    }
    

    ※「-webkit-transition: none;」を追記してみてください。

    #85963
    dswdsw123456
    参加者

    ありがとうございます。

    お教えいただいた方法を試したのですが
    改善しませんでした。

    代わりに、

    img { width:100%; }

    を加えると、ズレが発生しないようです。
    この追加による他への問題はありませんか?

    その他、

    style.css 2553行目の

    .category-area a:hover img { width: 120%; }

    も気になります。
    こちらは機能していますか?

    ご回答よろしくお願いいたします。

    #85965
    welcart
    キーマスター

    こんにちは

    ご報告ありがとうございます。

    dswdsw123456 様の仰るとおり、
    .category-area a:hover img { width: 120%; }
    が問題となっております。

    次期バージョンにて修正させていただきますので、
    style.css 2553行目の
    .category-area a:hover img に適用されている「width: 120%;」を削除いただければと思います。

    #86014
    dswdsw123456
    参加者

    お教えいただいた方法で、
    問題ないようです。

    ありがとうございました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。