Support Volgende » CSS / opmaak vragen Volgende » Woocommerce – opmaak winkelwagen, checkuit en bestellingen scherm teveel witte r

  • Opgelost hanvdg

    (@hanvdg)



    Hallo,

    Ik ben bezig om een webshop te maken voor een site. In principe werkt die al in testmodus. Daarom kan ik nog geen link bijvoegen.
    Bij de pagina’s ‘winkelmand’ (Uw bestelling), checkuit en checkuit (Bestelling ontvangen), heb ik tussen de verschillende rijen met producten heel veel witruimte. Ik wil daar een veel compacter geheel van maken.
    Overal al gezocht, maar kan nergens vinden hoe ik dit kan doen.
    Ongetwijfeld staat dit in de instelling van een css bestand, maar welke is dat en hoe breng ik die wijziging aan?

    Bij voorbaat dank voor uw hulp.
    Han
    p.s. ik heb schermafbeeldingen gemaakt, maar kan die hier niet bijvoegen helaas.

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Ik werk met het thema Avada, die een aantal instellingen heeft voor WooCommerce, maar niet dat wat ik nodig heb.

    Beste hanvdg,

    De “Shopping cart” van Avada ziet er als volgt uit: Klik (voeg eerst wat producten toe aan je shopping cart).

    Ziet het er bij jou ook zo uit? De witruimte tussen de verschillende producten is op die pagina vooral afhankelijk van de “thumbnails” van de producten. Als ik die weghaal ziet het er zo uit.

    Je zou een screenshot kunnen uploaden via een website als https://pasteboard.co/. Zonder screenshot of link wordt het voor ons namelijk lastig om je te kunnen helpen 🙂

    Groeten,
    Wouter – WPLounge

    • Deze reactie is gewijzigd 5 maanden, 2 weken geleden door  Wouter Postma.

    Hallo Wouter,

    Bedankt voor je reactie. Ik ga kijken naar je links.

    Hier alvast de drie schermafbeeldingen van mij.
    https://pasteboard.co/HeK2Zep.png
    https://pasteboard.co/HeK2Nvd.png
    https://pasteboard.co/HeK2oRW.png

    Groeten,
    Han

    Wouter, Ik heb het bekeken en dit is anders omdat het een ander thema is. Ik werk met Avada Theme Fusion. Dit is de link: https://www.muziekkring.nl

    • Deze reactie is gewijzigd 5 maanden, 2 weken geleden door  hanvdg.

    Beste hanvdg,

    Heb je een child theme gemaakt?

    Zo ja, voeg dan eens de volgende CSS toe:

    .shop_table tbody tr {
    	height: 40px;
    }
    
    .shop_table td {
    	padding-top: 0px;
    	padding-bottom: 0px;
    }

    Je kunt deze code ook in de “Customizer” invoeren bij “Extra CSS”.
    Laat ons weten of dit werkt 🙂

    Groeten,
    Wouter

    • Deze reactie is gewijzigd 5 maanden, 2 weken geleden door  Wouter Postma.

    Nee ik heb geen child theme gemaakt.

    Bij Avada -> Eigan CSS staat nu:

    .fusion-header-shadow .fusion-mobile-menu-design-modern {
    box-shadow: 0px 10px 50px -2px rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0px 10px 50px -2px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0px 10px 50px -2px rgba(0, 0, 0, 0.5) !important;
    .shop_table tbody tr {
    height: 40px;
    }

    .shop_table td {
    padding-top: 0px;
    padding-bottom: 0px;
    }
    ====
    Helaas geen verbetering…

    Hi @handvg

    Probeer het dan eens zo:

    .shop_table tbody tr {
    height: 40px!important;
    }
    
    .shop_table td {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    }

    Gr
    -Wouter

    Hallo Wouter,

    Ja, geweldig, dit heeft dit deel opgelost, in alle schermen waar de producten worden getoond werkt het prima. Super, dank je wel.

    In de andere schermen die ik had gelinkt, staan nog enkele andere dingen. Heb je daar misschien ook iets voor om het op te lossen?

    Bijgaand een nieuwe schermafbeelding https://pasteboard.co/HeWb9Uz.png

    Met vriendelijke groet,
    Han

    Beste Han,

    Mooi dat het opgelost is! Zou je deze op “Opgelost” willen zetten?
    Je kunt voor andere vragen dan een nieuw topic aanmaken (ik zou ook iets vollediger zijn want je screenshot hierboven zegt mij vrij weinig!).

    Gr Wouter

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