[RÉGLÉ] Comment faire pour changer la taille d'un texte pour des mobiles?

[Isabelle62]

Bonjour,

Ce n'est peut-être pas le bon endroit pour poser la question mais je n'ai pas trouvé où le faire. Je me lance.

Nous avons défini un style pour un titre dans une feuille de style :
.titre {
font-weight:400;
text-align:center;
font-family: 'Cabin Condensed', sans-serif;
font-size: 40px;
color: #666;
}

Le problème est quelque soit l'écran (ordinateur, tablette ou mobile), la taille du texte est invariable. Nous avons essayé d'utiliser une direction @media mais elle ne fonctionne pas:
@media screen and (max-width: 480px) {

.titre {
font-weight:200;
text-align:center;
font-family: 'Cabin Condensed', sans-serif;
font-size: 10px;
color: #666;
}

}

Pourriez-vous nous aider en nous indiquant comment faire pour adapter le texte au support?

Merci par avance pour votre aide
Isa

[toffffe]

Re : Comment faire pour changer la taille d'un texte pour des mobiles?

Salut
Tout dépend de ton template
Ce qu'il faut c'est que ta déclaration css soit dans le dernier fichier css appelé et tout en bas de ton fichier css
Ta syntaxe est pourtant bonne
As-tu vidé ton cache joomla et navigateur ?

[Isabelle62]

Re : Comment faire pour changer la taille d'un texte pour des mobiles?

Bonjour Toffffe,

je vous remercie beaucoup pour votre aide.
Tout fonctionne parfaitement maintenant. Nous avons mis la balise tout en bas de notre fichier css. Nous ne savions pas qu'il y avait cette condition.

Merci encore
Isa

[toffffe]

Re : Comment faire pour changer la taille d'un texte pour des mobiles?

Ce sont des feuilles de styles en cascade. La dernière déclaration chargée est prise en compte