Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Légende des images

8 appréciations
Hors-ligne
Bonjour à vous,


J'utilise le nouveau composeur et j'aimerai modifier la taille et la couleur des caractères des légendes des images (par défaut petits caractères italique noir). Je ne connais pas grand chose en css, pouvez m'aider?

exemple de légendes https://www.lesbidochons.com/retour-a-montbrun-les-bains-1
Merci d'avance
Restons calme et buvons frais.
Nana

Bonjour,

/* Pour la légende */

.jb-cap-frame .jb-caption {
color : #006400 !important;
font-size : 14pt ;
font-family : georgia;
font-style : italic;
}


pour l'exemple donné ici #0006400 est la couleur,
(la couleur noire est #000000;)
font-size : 14 pt est la taille du texte
plus petit tu mets 12 pt enfin tu vois à mesure ce que çà donne
georgia est le nom de la police
font-style est pour le caractère italique

8 appréciations
Hors-ligne
Merci beaucoup, mais cela ne fonctionne pas apparemment. J'ai mis le couleur rouge et une taille 20pt pour voir si cela fonctionne sur un article d'essai (lien ci dessous)
https://www.lesbidochons.com/essai-legende-1

Et la légende reste comme avant?????

ai je mal copier et placer le css ?
Merci d'avance
Restons calme et buvons frais.
Nana

Pour mettre le code CSS il faut aller sur l'onglet :
VOTRE BLOG >>> DESIGN DU BLOG >>> CSS HTML >>> CSS PERSONNALISE >>> MODIFIER

Puis une fois le code placé il faut cliquer tout en bas sur APPLIQUER

Ce code s'adaptera à toutes vos galeries d'images.

8 appréciations
Hors-ligne
Merci nana, mais c'est ce que j'ai fait, copoie écran ci dessous

Restons calme et buvons frais.
Nana

Et bien c'est bon !
la légende est bien en rouge, italique.
j'ai rajouté font-weight: bold; pour que ce soit un peu plus gras
là en l'état c'est très petit presque illisible pour ceux qui n'ont pas une bonne vue.

8 appréciations
Hors-ligne
Heu!!!!

Je suis désolée mais dans les articles exemple (https://www.lesbidochons.com/autour-du-mont-ventoux) les légendes des photos ne sont ni en taille 18 ni en rouge.

Donc ??? je ne sais pas ce qui cloche
Restons calme et buvons frais.

8 appréciations
Hors-ligne

Je remets le lien le précédent ne fonctionne pas

https://www.lesbidochons.com/autour-du-mont-ventoux


Dans quel article avez vous pu voir une légende en rouge ???

Dernière modification le lundi 24 Septembre 2018 à 23:58:39
Restons calme et buvons frais.
Nana

Le code CSS que j'ai mis est uniquement pour les galeries d'images, ce que j'avais compris au départ.

https://www.lesbidochons.com/galerie-photo-cours-d-eau

8 appréciations
Hors-ligne
Pas du tout, ce sont pour les legendes des sont insérées dans un article...

Dernière modification le mardi 25 Septembre 2018 à 08:10:32
Restons calme et buvons frais.

8 appréciations
Hors-ligne
Donc, quelqu'un peut-il m'aider 
Comment modifier la taille, la couleur et la police de caracteres des lendes des images inserez dans un bloc image du nouveau composeur.

Merci d'avance 

Dernière modification le mardi 25 Septembre 2018 à 22:50:13
Restons calme et buvons frais.
Nana

Je t'ai mis le code dans ton css personnalisé.

8 appréciations
Hors-ligne
Merci beaucoup nana c'est exactement ce que je voulais
Amicalement 

Dernière modification le mercredi 26 Septembre 2018 à 08:19:20
Restons calme et buvons frais.
Nana

Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Personnalisation avancée du CSS.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6123 autres membres