Personnaliser le CSS de l'espace membres et des formulaires d'inscription

Pour personnaliser l'apparence des formuaires il suffit d'ajouter du code CSS dans le champ dédié dans la vue "Club" onglet "Espace membre".

Des balises ont été définies pour marquer les principaux éléments structurels de l'espace membre et des formulaires :

  • En tête : .cgt-header
  • Pied : .cgt-footer
  • Bouton de menu : .cgt-button
  • Bouton de menu survolé : .cgt-button:hover
  • Bouton d'action : .cgt-button-action
  • Bouton d'action survolé : .cgt-button-action:hover
  • Bouton d'annulation : .cgt-button-cancel
  • Bouton d'annulation survolé : .cgt-button-cancel:hover

Il suffira donc de redéfinir pour l'élément désiré l'un des attributs CSS de la balise correspondante

Exemple pour redéfinir la couleur de l'en-tête :

.cgt-header {
    color: #777;
    background: #ededed
}

Nous pouvons vous assister pour la création et le stockage de ce fichier CSS. Faites votre demande au près du support : support@cogito-sport.ch

Exemple de code CSS :

.cgt-header a
{
    color: gray;
}

.cgt-header a:hover
{
    color: gray;
}

.cgt-header
{
    color: #777;
    background: #ededed
}

.cgt-footer
{
    color: #777;
    background: #ededed
}

.cgt-footer a
{
    color: #787878;
    background: #ededed
}

.cgt-footer a:hover
{
    color: #787878;
    background: #ededed
}

.cgt-button
{
    background-color: #788098;
}

.cgt-button:hover
{
    background-color: #98a2c0; 
    color: white;
}

.cgt-button-action
{
    background-color: #008f51;
}

.cgt-button-action:hover
{
    background-color: #006939;
}

.cgt-button-cancel
{
    background-color: #ff9300;
}

.cgt-button-cancel:hover
{
    background-color: #e88500;
}