Helix possède par défaut 4 préréglages
Vous y accédez par l'onglet préréglages / preset (en anglais)
Choisir un préréglage Helix
Dans l'onglet préréglages, vous avez par défaut 4 préréglages.
Si vous cliquez sur un des presets, vos options de styles changent et vos css seront gérées par le fichier : templates/votre template_helix3/css/presets/presetX.css
Les trois valeurs que vous pouvez changer sont
-
la couleur de fond de votre contenu lorsque celui ci est en mode encadré.
-
La couleur de texte
-
La couleur principale qui modifie plusieurs éléments: les boutons, le footer, les liens , certains titres …
Le choix du preset va également modifier votre logo qui se trouve dans le dossier templates/votre_template_helix3/images/presets/presetX
Modifier la couleur d'une option des préréglages
Une fois choisi un préreglage, vous aurez peut être envie de modifier une des options, changer la couleur de fond de votre template par exemple.
Deux possibilités s'offrent à vous :
Avec l'éditeur de couleur :
-
Cliquez sur la couleur
-
une popup s'ouvre
-
Choisissez votre palette
-
Choisissez votre couleur dans la palette
Directement en hexadécimal
Sur le web, la même couleur peut être codée soit en nuances de rouge vert et bleu (rvb ou rgb), soit en hexadécimal, soit directement par leur nom anglais (red, white)
Les couleurs sur Helix sont en hexadécimal.
Nous pouvons saisir le code de 6 chiffres qui commence toujours par un # dans l'espace dédié.
Pour bien choisir le code hexadécimal vous avez des outils qui peuvent vous aider.
-
En téléchargement : colorpic : http://www.iconico.com/colorpic/ outil qui vous permets de sauvegarder des palettes. (utile pour gérer plusieurs sites)
-
En addon pour votre navigateur : colorzilla https://addons.mozilla.org/fr/firefox/addon/colorzilla/
N'oubliez pas de sauvegarder et de vider vos caches avant d'aller vérifier vos changements sur le site.