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 .. :-/
@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;
}
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.
@jeroenrotty Je had gewoon keihard gelijk en hiermee is mijn probleem opgelost. Dank!
