Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1179685
Product border hiden by image
Closed

Comments

  •  2
    Ina started the conversation
    May 22, 2017 at 2:40pm

    Hi again Gregor,

    I would like to keep the whole grey thin border around the product because I like its box effect but I have uploaded some product images that hide partly or fully these borders as you can see in the attached image.

    Which product image size and product gallery size do you recommend in order to avoid this issue and let the whole border appear?

    Thank you very much

  •  433
    Sergio replied
    May 23, 2017 at 9:14am

    HI!

    pls. use following css:

    .products .product-image {
    margin: 0 !important;
}

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 23, 2017 at 5:27pm

    Hi Sergio,

    I have tried to add it directly in the "style.css" file of wp-content/thegem/style.css because I am not sure where should I add it and there was no change at all.

    Is it problem in the place I paste that code or maybe is that the code itself does not work?

    Could you tell me more about this?

    Thanks

  •  433
    Sergio replied
    May 24, 2017 at 10:35am

    Hi,

    the woocommerce interrupts your code, try adding following code to the style.css

    body .products .product-image {
    margin: 0 !important;
}

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 24, 2017 at 2:06pm

    It works fine now!

    Thank you very much

  •  2
    Ina replied
    May 25, 2017 at 12:04pm

    Hi Sergio,

    One more question please. 

    In this page http://aplicaciones.debamatika.com/lixone/es/categoria-producto/higiene/gel-bano-ducha/ when the mouse pointer is over the product box, a fade in effect of blue color covers it by defect. There is one product "Gel de baño y ducha de glicerina 100ml" that doesn´t do this. Why could be this happening?

    See atthached image for better explanation.

    Thanks again

  •  433
    Sergio replied
    May 26, 2017 at 7:45am

    HI,

    You have added a picture in product gallery on edit page (screen 794)

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 26, 2017 at 10:06am

    I see, this effect only works if the product gallery is empty.

    Is there any possibility to keep the effect even if there are images added to this field (product gallery)?

    Thanks again

    INA

  •  433
    Sergio replied
    May 26, 2017 at 10:19am

    HI,

    By default it's impossible, but you can provide the wp-admin access, I'll check what can be done

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •   Ina replied privately
  •  433
    Sergio replied
    May 29, 2017 at 10:43am

    HI,

    ok , pls. provide the problem page

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 29, 2017 at 10:49am

    Hi Sergio,

    In this page http://aplicaciones.debamatika.com/lixone/es/categoria-producto/para-regalar/ every product have images added in the "product gallery" block. It would be great if the would keep the effect I told you.

    Thank you very much

  •  433
    Sergio replied
    May 29, 2017 at 2:48pm

    HI,

    Your problem has been fixed , pls. check your page.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 29, 2017 at 5:32pm

    Thank you very much Sergio.

    I guess you edited a file or several files to get this result. Could you tell me which files in order to paste them in the CHILD folder and don´t lose them in the next update.

    Thanks again

  •  433
    Sergio replied
    May 30, 2017 at 10:10am

    HI!

    I added following CSS:

    .product-inner:hover .product-image-inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    height:100%;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    z-index: 100;
    background: rgba(0, 188, 212, 0.3);
}

     

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    Ina replied
    May 30, 2017 at 10:45am

    Thank you very much!!

    See you

  •  433
    Sergio replied
    May 30, 2017 at 12:18pm

    HI, you are welcome!

    Feel free to contact us if you need help. 

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.