Modification CSS dans Tumblr

Par Astor, il y a 10 ans

Les bases HTML/CSS

Hello !

J'ai pour mission de migrer un blog de ghost à tumblr. Pour avoir à peut près la même gueule que le premier, je dois styliser le lien read more. Chose faite, sauf que le CSS ne s'applique pas, c'est la première fois que je vois ça alors que tout le reste marche !

Le lien : http://jean-vit.tumblr.com/.
Si on fait inspecter le lien on voit

<a href="leLienDuPost" class="more">Read more</a>

et malgré cela, il n'a pas de style qui correspond. Et si on regarde dans le <head> il y a bien :

.more { display: block; padding: 7px 13px; border: 1px solid; border-radius: 20px; font-family: Roboto, sans-serif; width: 110px; text-align: center; } .more:hover { text-decoration:none; color: #f26a3d; border-color: #f26a3d; }

Alors comment c'est possible qu'il ne le prenne pas en compte ?

Merci,
Valentin

5 réponses

Grafikart, il y a 10 ans

Essaie en supprimant les espace peut être, à première vu je ne vois pas de pb particulier.

Astor, il y a 10 ans

Les espaces sont les mêmes, c'est vraiment étrange !
code css

Astor, il y a 10 ans

Après réflexion on ne va afficher seulement la liste des titres, donc plus besoin de ce bouton. On prend la solution facile mais le mystère reste boule de gomme !

Merci Grafikart !

Grafikart, il y a 10 ans

Non on dirait que tu fais un caractère bizarre on voit un genre de point entre le .more et {

Astor, il y a 10 ans

C'était bien le caractère chelou ! Merci ! :D