modifier la taille de police dans la police impressionnant icônes
Je suis en utilisant la parallaxe pro genèse thème de l'enfance, alors je travaille au sein d'une zone de widget.
Je ne suis pas sûr si je vais sur ce droit chemin, mais j'ai essayé d'écrire en vertu d'une police génial icône de la zone de widget:
<i class="fa fa-code fa-4x">Fully mobile responsive designs
that adjust to fit all platforms</i>
Il fonctionne, mais le texte est énorme. Comment puis-je changer la taille du texte? J'ai essayé de changer la taille de police dans la .fa-section de code dans la police impressionnant répertoire css mais il ne fonctionne pas. Est-il mieux que j'ai pu aller sur l'écriture sous mon icône ou est-ce la façon dont il devrait être fait?
Merci!
Ok, je suis venu à une conclusion sur la meilleure manière d'accomplir l'édition de texte pour police impressionnant icônes dans un widget texte de la zone de la parallaxe pro thème. Si vous placez le texte dans le <i> balises comme indiqué ci-dessus et essayez de cibler le texte en css à l'aide .fa ou .fa-code, vous serez en ciblant non seulement le texte, mais l'ensemble de l'icône. Par conséquent, vous devez faire un élément à part au sein de la police génial icône en enveloppant votre texte <p> balises. Ensuite, vous pouvez utiliser .fa p {text-taille 20px;} ou pour être plus précis .fa-(quel que soit l'icône de votre aide) p {text-taille 20px;}
OriginalL'auteur Jeffrey Cunningham | 2015-06-08
Vous devez vous connecter pour publier un commentaire.
dans le sélecteur css :
Je vous remercie pour votre aide, mais cela ne fonctionne pas. J'ai mis de suite dans mon fichier css principal: .fa-code { margin-left: 75px; margin-right: 75px; font-size: 100px; la marge de code fait exactement ce que je veux, mais la taille du texte ne change pas. Aucune idée pourquoi?
OriginalL'auteur Surabhi Rai
Solution:
À l'aide de votre principale feuille de style, il suffit d'ajouter:
Au-dessus de la cible de la police génial icône du code seulement. Si vous êtes désireux de cible de toutes les icônes, il suffit d'utiliser:
Alternativement, vous pouvez ajouter une ligne de style, ce n'est pas considéré comme une bonne pratique, mais pensé que je voudrais vous expliquer de deux manières.
J'ai utilisé
20px
comme un exemple, mais il suffit de changer la valeur de vos besoins.Espérons que cette aide!
i
tag avec classefa-4x
qui signifie "font-size: 4em;". Ensuite, vous décrivez de style en ligne "font-size: 20px;" qui remplace FA classe CSS.En utilisant les styles sont considérés comme une mauvaise pratique, je ne suis pas sûr de ce que vous êtes en train de dire...
J'étais en train de dire que vous avez eu 'fa-4x" classe décrite pour un
i
. Vous avez édité. Maintenant, c'est mieux.Ouais j'ai été dans le milieu de l'édition quand vous avez dit.
Grâce Jordanie c'est d'une grande aide!
OriginalL'auteur Jordan
<i class="fa fa-code fa-4x" /><span style="font-size:14px">Fully mobile responsive designs that adjust to fit all platforms</span>
Je pense que cela va résoudre votre problème. Vous devez séparer les tag et vos phrases avec ou tags.
OriginalL'auteur H. Aydin