Tag: CSS

Modificare CSS form registrazione e login WordPress

Ecco una breve guida per Modificare il CSS del form di registrazione e login di WordPress. Bastano pochi passi!


 

1. FILE CSS

Per prima cosa creare un file css che andrà a sovrascrivere quello di default di WordPress. Potete chiamarlo style-login.css e posizionarlo all’interno del root del tuo theme. (potete chiamarlo come volete, basta che poi vi ricordate di cambiare il codice qui sotto con il nome esatto del vostro foglio di stile).

Puoi copiare e incollare il css da login.min.css e sostituire solo il codice che ti interessa cambiare, oppure crearne uno da zero.


 

2. FUNCTIONS.PHP

Poi è necessario aggiungere la funzione che permette di utilizzare il vostro foglio di stile al posto di quello di default.

 

PARENT THEME

Se NON usi un ChildTheme (quindi usi un Parent Theme – Tema Genitore) incolla il seguente codice nel tuo functions.php

[php]function my_login_stylesheet() {
wp_enqueue_style( ‘custom-login’, get_stylesheet_directory_uri() . ‘/style-login.css’ );
wp_enqueue_script( ‘custom-login’, get_stylesheet_directory_uri() . ‘/style-login.js’ );
}
add_action( ‘login_enqueue_scripts’, ‘my_login_stylesheet’ );[/php]

 

CHILD THEME

Se invece usi un ChildTheme, utilizza lo stesso codice sopra riportato ma sostituisci

[php]get_stylesheet_directory_uri()[/php]

con

[php]get_stylesheet_directory_uri()[/php]

ed il gioco è fatto!


 

Spero questo articolo ” Modificare CSS form registrazione e login WordPress ” ti sia servito! 🙂

Arrotondare campi Contact Form 7

canada goose down women https://www.parkaverkooppunten.nl Canada Goose down outlet authentic Ecco un bel CSS da aggiungere allo style.css del vostro plugin Contact Form 7 per arrotondare i campi di inserimento testo 🙂
Il primo é per tutti i campi di testo canada goose coats retailers in denver https://www.canadagoosejacketonlines.ca/ canada goose authentic patch, il secondo per area di testo.


/* Contact 7 CUSTOM Form
--------------------------------------------- */
.wpcf7-text {
width:160px;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 14px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
}

.wpcf7-form textarea {
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 14px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
}

Watch movie online The Transporter Refueled (2015)