Support » Code oplossingen gezocht » Columns naar gelijke hoogtes

  • Hi allemaal,

    In het productarchief van mijn webshop hebben de columns allemaal verschillende hoogtes. Dit heeft hoofdzakelijk te maken door de afbeeldingen en door de producttitels. Ik heb via de customizer > productafbeeldingen al het e.e.a. geprobeerd om de afbeeldingen te croppen e.d., maar dit is niet gelukt omdat er dan van de afbeeldingen stukken worden afgesneden.

    Ik denk dat het via code moet. Heeft iemand een idee hoe ik dit kan oplossen? Alvast dank!

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Guido

    (@guido07111975)

    Hallo,

    Probeer deze CSS eens op de Extra CSS pagina van de Customizer in je dashboard:

    
    .woocommerce .products .product-inner {min-height:650px;}
    

    Om het in klein scherm weer terug te draaien:

    
    @media screen and (max-width:767px) {
      .woocommerce .products .product-inner {min-height:auto;}
    }
    

    Guido

    Ha Guido,

    Dank voor je antwoord.

    De columns zijn nu in grote lijnen gelijk aan elkaar (nog niet allemaal), maar hebben nu grote gaten boven en onder. Heb je enig idee hoe ik die weg kan krijgen?

    Groet Sven

    Het is overigens nog niet de oplossing. Er zijn toch nog een hoop afbeeldingen die niet ‘afgesneden’ zijn. Hoe kan ik dit oplossen, samen met bovenstaande?

    Alvast dank!

    Groet Sven

    Guido

    (@guido07111975)

    Hallo Sven,

    Dat wordt veroorzaakt door de zogenaamde padding:

    
    .product-inner {padding:80px 20px 80px 20px;}
    

    Dat is boven en onder 80px, dat moet je even wijzigen naar de gewenste padding.
    Maar dan zul je de min-height ook weer even moeten verkleinen.

    Guido

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)