Ondersteuning » Thema en CSS/opmaak » Woocommerce ‘select button’ font verkeerde kleur

  • Het is ongetwijfeld super simpel maar ik kom er even niet uit.

    Woocommerce heeft een homepage aangemaakt van de winkel. Nou staan er (tweede helft van de pagina) gele ‘select’ knoppen. Prima wat mij betreft. Maar de fontkleur is wit (zucht). En ik kan dus niet vinden hoe ik dat kan aanpassen.

    Iemand raad..?

    Alvast mijn dank!

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

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

    (@jeroenrotty)

    Support Moderator

    Ik zie dat er zelfs een !important overschrijvende CSS regel is:

    .add_to_cart_button {
      background-color: #ff0 !important;
    }

    Deze komt ingeladen uit een CSS file gemaakt van Autoptimize, maar waar het oorspronkelijk staat ga je moeten zoeken in je thema bestanden of customizer bij Extra CSS of in je childthema style.css…

    Lijkt idd in customizer -> extra CSS te zijn.

    Wel héél vervelend om te debuggen, zo met die “copy protection” plugin .. :-/

    Thread starter Tim Hupkes

    (@tim983)

    @jeroenrotty Dank voor je reactie. Die background-color klopt, maar het gaat niet over de .add_to_cart_button maar de select button.

    @optimizingmatters Dank voor je reactie. Inderdaad irritant, ik had er even geen erg in. Heb die plugin voor nu even uit gezet. Ik heb gekeken in extra CSS, maar ook daar kom ik de betreffende select button niet tegen.

    Ik heb dit in additional CSS gezet maar het mocht niet baten:
    wp-block-button wc-block-grid__product-add-to-cart a {
    font color: black !important;
    }

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ze zijn toch beide geel als achergrond en witte tekst, en hebben dezelfde CSS klasse:

    .wp-block-button__link.add_to_cart_button {
      background-color: #000 !important;
    }

    Dit doet het voor mij wel goed tonen (achtergrond). In jouw code heb je syntax fouten want font color bestaat niet. Je moet gewoon color gebruiken.

    Leeg ook je Autoptimize cache als je zo’n zaken testen.

    En PS: over zo’n copy protection plugin, gebruik dat aub niet. Je kan Javascript snel uitschakelen of het anders omzeilen en het verhindert andere technologie zoals screen readers om goed te werken. Het is dus echt een killer voor accessibility.

    Thread starter Tim Hupkes

    (@tim983)

    @jeroenrotty Je had gewoon keihard gelijk en hiermee is mijn probleem opgelost. Dank!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Graag gedaan 🙂

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