Ajustez vous-même les couleurs, les tailles et les espacements de votre site, par exemple la couleur de fond des sous-menus, directement depuis la page Thème. Vous voyez le résultat avant de l'enregistrer, sans fichier à préparer ni outil externe.
Pour y accéder : Site Internet > Thème.
Les réglages fins s'appliquent au mode Moderne
Les réglages fins font partie du mode Moderne du thème. Si votre site est en mode Classique, consultez la section « Si votre site est en mode Classique », plus bas.
Chaque réglage est facultatif : un champ laissé vide (« Par défaut ») garde le rendu de votre thème. Un club qui ne touche à rien voit donc son site inchangé.
Les réglages disponibles
Onglet Apparence
| Où | Réglage | Ce qu'il change |
|---|---|---|
| Carte Polices | Taille du texte (10 à 30 px) | la taille du texte courant du site |
| Styles de composants > Boutons | Couleur des boutons d'articles | la couleur des boutons dans les articles |
| Styles de composants > Cartes et articles | Fond des articles | la couleur de fond des articles |
| Styles de composants > Menu | Couleur de fond du menu | la barre de navigation |
| Styles de composants > Menu | Couleur de fond des sous-menus | les listes qui se déplient sous un menu |
| Styles de composants > Menu | Taille du texte du menu (10 à 30 px) | les libellés de la barre de navigation |

Avec la personnalisation avancée
Avec la personnalisation avancée (à partir du pack Basic), vous disposez en plus de :
- Couleur des titres et Souligner les liens, sous « Personnalisation avancée des couleurs » (onglet Apparence) ;
- Espacement du contenu (0 à 80 px), la marge autour du contenu des pages sur ordinateur et tablette, dans l'onglet Structure du site ;
- Couleur du pied de page et Taille des titres du pied de page, dans la carte Pied de page de l'onglet Structure du site ;
- des Réglages complémentaires dans l'onglet Avancé (logos partenaires, bandeaux d'articles, calendrier, pages d'adhésion). Un champ laissé vide n'y change rien non plus.
Sans la personnalisation avancée, ces onglets affichent un message qui indique comment l'obtenir.
Voir le résultat avant d'enregistrer
- Dans la page Thème : les encadrés Aperçu en direct se mettent à jour pendant la saisie, pour les polices et la taille du texte (carte Polices) et pour l'espacement du contenu. « Aperçu bouton » et « Aperçu carte » montrent le style choisi.
- Sur votre site : cliquez sur Prévisualiser le mode moderne, en haut de la page. Votre site s'ouvre dans un nouvel onglet avec les réglages en cours, y compris les couleurs du menu et des sous-menus. Vous seul voyez cet aperçu, et rien n'est enregistré.

Enregistrer
Cliquez sur Enregistrer en bas de la page. Le message « L'enregistrement a été effectué avec succès » confirme l'opération. Rechargez votre site pour voir le résultat.
Pour revenir au rendu d'origine, videz le champ du réglage et enregistrez.
Si votre site est en mode Classique
En mode Classique, les réglages fins sont masqués. Vous pouvez les préparer à l'avance :
- Dans Je configure et prévisualise, cochez Moderne : les réglages apparaissent.
- Saisissez vos réglages, et vérifiez-les avec Prévisualiser le mode moderne si besoin.
- Recochez Classique avant de cliquer sur Enregistrer.
Un message vous confirme alors : « Vos réglages du mode Moderne sont enregistrés, mais ne s'appliquent pas à votre site en mode Classique. Ils seront appliqués dès que vous activerez le mode Moderne. » Votre site ne change pas.
⚠ Attention : si vous cliquez sur Enregistrer alors que Moderne est coché, votre site passe en mode Moderne pour tous vos visiteurs, sans demande de confirmation. Recochez toujours Classique avant d'enregistrer. Si cela vous arrive, cliquez sur Revenir au mode classique : votre site retrouve aussitôt son thème Classique, et vos réglages restent enregistrés. Il en va de même si vous cliquez sur un thème prédéfini : cela coche automatiquement Moderne.
Et le fichier CSS ?
Les réglages fins remplacent le générateur de CSS, retiré en version 3.15. Si votre pack inclut la personnalisation avancée et que vous voulez aller plus loin, vous pouvez toujours déposer votre propre fichier CSS : voir Thème - Fichier CSS.
Les commentaires de cette page ont été verrouillés !