Memberpress : comment modifier l’apparence du bouton d’inscription ?

par | 10 Déc 2018 | Espace membre

bouton css memberpress

Si vous souhaitez créer un espace privatif réservé aux membres sur votre site WordPress, je vous recommande le plugin Memberpress qui est extrêmement complet bien qu’un peu complexe à prendre en main. Un de ses petits défauts : il ne propose pas d’interface simple pour paramétrer le style des boutons d’inscription ou de paiement. Voilà comment résoudre le problème en quelques minutes et un peu de CSS.

Modifier l’apparence du bouton d’inscription de Memberpress

Dans leur infinie bonté, les développeurs de Memberpress ont attribué une classe à leur bouton d’inscription.

Une classe est l’équivalent d’une étiquette commune à divers éléments d’une page. Il suffit donc de modifier la feuille de style du site, d’appeler la classe mepr-submit et enfin de lui donner quelques attributs.

En résumé, ouvrez votre admin WordPress, allez sur la page de l’inscription Memberpress, en haut à gauche passez la souris sur le nom du site puis cliquez sur « Personnaliseur de thème » et ouvrez l’onglet « Feuille de style CSS » puis copiez le code suivant :

.mepr-submit {
font-size: 22px;
background-color: #bc9552;
color: white;
padding: 8px;
border: none;
cursor:pointer;
}

Pour centrer votre bouton, ajoutez :

display: block;
margin : auto;

Si vous souhaitez ajouter plus d’attributs, vous pouvez en obtenir une liste ici.
Vous pouvez aussi utiliser un générateur de bouton CSS, par exemple ce générateur.

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *