Aanpassen kleur van de knoppen in Woocommerce

Hi Frank,

Als je theme geen woocommerce-classes overschrijft zul je hiermee een aardig eind in de richting komen. Je verandert hiermee de tekstkleur, de knop krijgt een border en afgeronde hoeken en aan vulkleur. Moet je wel je kleurnummers invullen en het aantal px dat de hoekjes moet afbuigen. Misschien wil je ook de knoppen wat groter maken dan moet je ook nog wat aan de padding doen.

.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info {
    color: #tekstkleurnummer !important;
    border: 2px solid #tekstkleurnummer !important;
    border-radius: XXpx !important;
    background: transparent !important;
padding: xxpx xxpx;
}

Dit zet je in het style.css van je theme (het liefst een childtheme dat je van je premiumtheme hebt gemaakt).

Als je preciezere aanwijzingen nodig hebt, is het handig je website-adres te weten.

Groet,
Lianne

Hi, niet te bang zijn. Als je stap voor stap werkt, dan kun je ook altijd weer terug.Bovendien is het een goede gewoonte om regelmatig een backup te maken. Dit kan bijvoorbeeld met Duplicator.

De code die ik je boven geef, kun je onderaan je style.css zetten. Er gebeurt dan niets ingrijpends, de boel ontploft niet of zo.

Het is altijd goed met een childtheme te werken, maar eigenlijk noodzakelijk als je een shop hebt ingebouwd. Een shop is gebaseerd op vertrouwen van je online klant: hij vertrouwt je gegevens toe (het betalen vindt weliswaar plaats in de eigen bank-omgeving, maar adressen etc. in jouw database). Hij moet erop kunnen vertrouwen dat jij met veilige software werkt en dus altijd de laatste versies van wordpress, je theme en woocommerce hebt. Dit is ook een functionaliteitskwestie. Stel dat Woocommerce een belangrijke update heeft, die verwerkt moet worden in je theme (dit is niet lang geleden voorgekomen), moet je erop kunnen vertrouwen dat je theme-leverancier ook een update uitbrengt.
Met een childtheme waarin je de eigen css bewaart, worden je aanpassingen niet overschreven door ’n update van je theme.

De onderhouds-modus belet inderdaad het zicht op je website. Heb je een plaatje hoe je de knop aantrekkelijker wilt maken?

Groet,
Lianne