Woocommerce Related Images still Large & Distorted

Discussion in 'Figero WordPress Theme' started by juliemarie99, Nov 29, 2014.

  1. juliemarie99

    juliemarie99 New Member

    Joined:
    Apr 24, 2014
    Messages:
    16
    Likes Received:
    0
    Hi,

    The CSS you gave me worked like a charm for the shop listings and single product images but the related images are still huge!

    Thanks.
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Please provide us your website url as well as the screenshot where you facing the problem.

    Thanks & Regards
    Yogesh Bhade
     
  3. juliemarie99

    juliemarie99 New Member

    Joined:
    Apr 24, 2014
    Messages:
    16
    Likes Received:
    0
    Here is my testing site: http://wptesting.buffingtonconsulting.com/

    The code you gave me to fix product images/shop images is as follows:

    .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img
    {
    max-width: 100%;
    width: auto;
    }

    .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img
    {
    max-width: 100%;
    width: auto;
    }
     
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    img.attachment-shop_catalog.wp-post-image {
    width: auto !important;
    }
    Thanks & Regards
    Pramod
     

Share This Page