Sfondi con sfumature di colore e gradienti come background per box e pagine con i CSS

Siamo abituati a pensare che alla proprietà background o background-image possiamo associare solo url che puntano a immagini ma in realtà, dall'introduzione di CSS3, è possibile impostare anche un gradiente (linear-gradient o radial-gradient) come sfondo di un box o di una pagina. Ecco un esempio di un uso semplice dei gradienti per creare uno sfondo …

Nascondere i prezzi di WooCommerece in una lingua con WPML grazie a CSS personalizzati

Modificare l'aspetto grafico e anche i contenuti a seconda della ligua selezionata in un sito WordPress tradotto con WPML. Ecco come fare! Nel mio caso il problema era il seguente: in un e-commerce multilingua occorre nascondere carrello e prezzi dalla versione francese del sito. Io ho fatto così! WooCommerce dispone di tante funzioni e tanti …

Aggiungere CSS personalizzati a un tema WordPress

Modificare font e dimensioni dei caratteri, colori, sfondi, bordi e tabelle anche quando non è previsto dal vostro tema. All'inizio ci accontentavamo degli stili preimpostati dei nostri temi ma adesso che cerchiamo soluzioni sempre più personalizzate per rendere unici i nostri siti, abbiamo bisogno di poter intervenire in modo più drastico sulle impostazioni. Ecco come …

Aggiungere nuovi stili e funzioni personalizzate all’editor di WordPress

L'editor grafico di WordPres, il pannello che usiamo per creare e modificare pagine e articoli dei nostri siti, è molto ricco di fuzioni e ci permette di personalizzare in modo semplice e immediato tutti i nostri contenuti. Inoltre, i temi e i plugin che utilizziamo, aggiungono ulteriore funzioni a questo pannello. Ma a volte non …

Un modo semplice e veloce per assegnare regole CSS responsive

Avete bisogno di modificare o correggere errori di visualizzazione del vostro sito solo su determinati formati di monitor? Ecco come farlo in modo semplice con i CSS, senza plugin e senza addentrarci troppo nelle più complesse regole del Responsive Design. Questa è la regola da inserire nel vostro custom css:     Vediamo un esempio …