web-dev-qa-db-fra.com

Bouton de style CSS pour WP Fonction de connexion dans le modèle de page

J'utilise le thème Avada.

J'ai créé un modèle de page où j'ai placé la fonction de connexion WP:

 <?php wp_login_form(); ?>

Voici une page en direct: https://webariaserverfour.com/content-restricted/?r=246

Même si j'ai un style global pour les boutons dans le thème, le bouton "Connexion" apparaît par défaut.

J'ai essayé d'inspecter un élément et d'y ajouter quelques styles, mais le bouton reste le même.

Si je pouvais demander un conseil, comment appliquer mon style de thème ou même mon style manuellement.

Merci d'avance

Il vous suffit d'ajouter une fonction pour styler le formulaire de connexion:

function my_login_css() {

?>
 <style type="text/css">
 #wp-submit {
  border-color: #777;
  background: #999;
  box-shadow: none;
  text-shadow: none; 
  border-radius: 0px;
 }
 #wp-submit:hover {background: #ccc}

</style>
 <?php
}
add_action('login_enqueue_scripts', 'my_login_css');

Lorsque vous utilisez un thème, comme Avada, il est préférable d’ajouter ces fonctions personnalisées à un thème enfant. Plus d'informations, spécifiques à Avada .

1
mayersdesign