WordPress.org

Support

Support » Plugins and Hacks » WooCommerce » woocommerce.less and .css has hardcoded thumbnail size 32px

woocommerce.less and .css has hardcoded thumbnail size 32px

  • I am struggling with changing thumbnail size for product and discovered Firebug results on this scaling of thumbnails which seems to be set by woocommerce.css and woocommerce.LESS file of woocommerce , not the theme’s default css.

    Line 798 in woocommerce.less

    img.avatar {
    	float:left;
    	position:absolute;
    	top: 0;
    	left: 0;
    	padding: 3px;
    	width: 32px;
    	height:auto;
    	background: @secondary;
    	border: 1px solid darken( @secondary, 3 );
    	margin: 0;
    	line-height: 1;
    }

    Line 1260 if you prettyfy the woocommerce.css

    .woocommerce #reviews #comments ol.commentlist li img.avatar,
    .woocommerce-page #reviews #comments ol.commentlist li img.avatar {
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        padding: 3px;
        width: 32px;
        height: auto;
        background: #f7f6f7;
        border: 1px solid #f0eef0;
        margin: 0;
        line-height: 1;
    }

    This results in computed styles:

    .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
        float: right;
        height: auto;
        margin-left: 4px;
        width: 32px;
    }

    https://wordpress.org/plugins/woocommerce/

  • The topic ‘woocommerce.less and .css has hardcoded thumbnail size 32px’ is closed to new replies.
Skip to toolbar