Fany_VanDaal

Fix velikosti náhledových obrázků

May 23rd, 2019 (edited)
210
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* vyzkoušejte, která varianta bude pasovat na vaši šablonu, bohužel nejde být univerzální, tyhle jsem použil u tří různých šablon klientů */
  2. /* varianta 1 */
  3. .woocommerce ul.products li.product a img {
  4. width: 300px!important;
  5. height: 300px!important;
  6. object-fit: contain;
  7. }
  8.  
  9. /* varianta 2 */
  10. .product-block .image img {
  11.     transition: opacity .7s,box-shadow .3s,-webkit-filter .6s,-webkit-transform .6s;
  12.     transition: filter .6s,opacity .7s,transform .6s,box-shadow .3s;
  13.     transition: filter .6s,opacity .7s,transform .6s,box-shadow .3s,-webkit-filter .6s,-webkit-transform .6s;
  14.     height: 300px!important;
  15.     object-fit: contain;
  16. }
  17.  
  18. /* pokud chcete zafixovat výšku na stránce produktu */
  19. .woocommerce div.product div.images img {
  20.     width: auto;
  21.     margin: 0 auto;
  22.     object-fit: contain;
  23.     height: 600px!important;
  24. }
RAW Paste Data Copied