Support » Plugin vragen » Woocommerce checkout

  • Beste allemaal,

    Ik loop al een tijdje te worstelen met een Woocommerce checkout pagina. Het is duidelijk een css styling probleempje, maar ik ben niet goed in css, dus kan wat hulp gebruiken.

    Het probleem doet zich voor dat de invoervelden van de checkout page superklein zijn (en blijven). Probeer het zelf even door (onderin de pagina https://makelaar-website.nl/wat-zijn-de-features/) een product in de mand te stoppen en de pagina zal zich refreshen en voilá dan zul je zien wat ik bedoel ;-(

    De vraag is natuurlijk, hoe los ik het op…
    Gr, Robert

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

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hoi,

    Het zit allemaal een beetje raar zie ik omdat col-1 klasse ook in je thema zit en dus voor problemen zorgt. Op kolom 1 van de checkout zie ik dat er een max-width:8.3333% zit, en dit zorgt dus voor de heel smalle veldjes.

    Een snelle oplossing zou kunnen zijn:

    .woocommerce .col-1, .woocommerce-page .col-1{
    max-width:unset;
    }

    Hey,
    Wow Jeroen en dat ook nog op de vroege zondagmorgen 🙂
    Alvast een stap in de goed richting!

    Nu heb ik op https://shop.makelaar-website.nl met standaard 2020 WP template de standaard WC shortcodes gebruikt en ziet het er al meteen heel anders uit

    Het lastige is dat ik een css noop ben.
    Heb je tips hoe ik het op https://makelaar-website.nl/wat-zijn-de-features/ een beetje kan krijgen zoals op de https://shop.makelaar-website.nl Ofwel 2 kolommen, niet teveel fratsen, buttonkleur #00aeff

    (1 vinger-hele hand vraag….,sorry…)

    Fijne zondag!

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