Okay
  Public Ticket #839721
Multiple issues with pictures
Closed

Comments

  • Mindaugas started the conversation

    Hi team,

    I am having multiple issues with products. (please refer to "shop" picture) http://www.ziburys.com/produktai/sviestuvai/buitiniai/

    Also having issue with suggested items.

    http://www.ziburys.com/parduotuve/sieninis-ranku-darbo-sviestuvas-atsiminimas/

    This is not the first time I experience some sort of issues with pictures. I asked several times in the past for a help sorting out picture size issues.


  •  1,558
    Laborator replied

    Hi Mindaugas,

    Use the following CSS to make the price show only in a column and not be mixed with the text:

    .woocommerce .products .product .item-info .price ins, .woocommerce .products .product .item-info .price > .amount {
        display: block;
    }

    For the second issue, try this CSS to see if it works:

    .image-placeholder.arel-1, 
    .image-placeholder.arel-2, 
    .image-placeholder.arel-3, 
    .image-placeholder.arel-4, 
    .image-placeholder.arel-5, 
    .image-placeholder.arel-6 {
        padding-top: 390px !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • Mindaugas replied

    Hi,

    Thanks for your support.  I must admit I am having strange issues with pictures since installed this theme. Just can't get it to work perfectly.  The fix you suggested worked fine, I am not the biggest expert of css so your help is really valuable to me. Please look at the attached - some products still have that strange gap. 

    This is not the first time laborator support apply fixes, please look at my custom CSS

    /* USER CSS - Start */
    .image-placeholder {
        position: relative;
        display: block;
        background-color: #fff;
    background: #fff;
    } .woocommerce .product .item-images {
      min-height: 220px;
      min-width: 255px;
    } @media screen and (min-width: 1200px) {
    .woocommerce .product .item-images img {
    max-height: 380px !important;
    width: auto !important;
    }
    }
    /* Mobile Fix by laborator support */ @media screen and (max-width: 480px) {
        .woocommerce .product.catalog-layout-default .item-info .price {
            margin-top: 54px;
        }
    } @media screen and (max-width: 768px) {
        span.woocommerce-Price-amount.amount {
            font-size: 16px !important;
        }
    }
    /* multiple issues with pictures by Laborator team */ .image-placeholder.arel-1, 
    .image-placeholder.arel-2, 
    .image-placeholder.arel-3, 
    .image-placeholder.arel-4, 
    .image-placeholder.arel-5, 
    .image-placeholder.arel-6 {
        padding-top: 390px !important;
    }
    .woocommerce .products .product .item-info .price ins, .woocommerce .products .product .item-info .price > .amount {
        display: block;
    }

    I also have question about license, I have one license and build one site with it, can I buil another one for myself or do I have to buy a separate license to new site?


    Thanks

    Mindaugas



  •  1,558
    Laborator replied

    Hi Mindaugas,

    Try this CSS, I tested it on your site and seems to work fine:

    .main-thumbnail .image-placeholder{
        padding-top: 0px !important;
    }
    
    .woocommerce .product .item-images img {
        position: relative;
        max-height: none;
        height: 160px !important;
        width: auto !important;
        margin: 0 auto !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group