Modificare il layout pagina prodotto Woocommerce con css aggiuntivo
Con questa procedura passo-passo è possibile modificare lo stile di qualsiasi elemento di WordPress e di WooCommerce, vediamo come fare ad esempio ad allargare il campo per la selezione delle quantità nella pagina prodotto:
Innanzitutto andiamo da bacheca in: Aspetto -> Modifica CSS
Dopodichè possiamo posizionarci direttamente nella pagina della quale vogliamo modificare lo stile:
Attiviamo gli strumenti di sviluppo del browser (in questo caso firefox ma la procedura è simile anche per altri browser):
Qui possiamo:
- Cliccare sull’elemento di cui vogliamo modificare lo stile
- Vedere le classi css interessate
- Vedere gli attributi disponibili
- In questo caso ci interessa modificare la larghezza quindi copiamo il codice dal punto 3. lo incolliamo nell’editor a sinistra modificando solo il l’attributo interessato(width) con il nuovo valore.
Dopodichè sarà sufficiente premere pubblica e ricaricare la pagina.
