je suis sous Safari...
Dans le head de quel fichier dois je regarder?

Bonjour,

Le thème Stripped prend bien en compte les ajouts dans le CSS.
Par contre, il ne prend pas tout en compte.

J'ai localisé le problème: il s'agit de la hauteur des catégories de mon blocs secondaires.

Je peux changer la hauteur de tous les blocs de la home de mon site

.stuffs_block .personal_block ul.thumbnailCategories li,
.thumbnailCategories li {
    height:170px;
}

Par contre, je ne peux pas changer uniquement la hauteur des catégories de mon bloc secondaire en rajoutant dans le css

#stuffs_block_2 .thumbnailCategory .illustration {
  height:80px;
}

#stuffs_block_2 .thumbnailCategory .description {
  height:80px;
}


Si je le fais, cela va uniquement pousser le titre des catégories de mon bloc secondaire hors du bloc de catégories (le titre n'apparait plus).

On peut voir le problème sur ma page directement:
www.capture-the-world.com

J'ai néanmoins remis en place les titres des catégories de mon bloc personnel en changeant la hauteur de 130px à 100px directement sur le ficher theme.css

Ce que j'aimerai faire c'est que les blocs des catégories du bloc secondaire soient effectivement à 100px de hauteur avec le titre de catégorie visible en dessous de la miniature.

J'ai vraiment essayé tout ce que je peux cette fois çi!

flop25 a écrit:

je ne sais pas quel est le rendu souhaité mais les propriétés css marchent chez moi cf l'image

Comme le -//:---\spam l'image jointe, il y a un espace important entre le titre et la miniature des catégories du bloc secondaire. Ce que je veux faire c'est réduire cet espace (comme pour le bloc principal) et réduire également la hauteur des blocs pour que les 6 blocs du blocs secondaire ne "dépassent" pas autant en bas.

Est-ce que je suis clair?

le problème c'est si tu veux garder les bords arrondis des miniatures : l'image de fond fait 170 pas 170px donc tu ne pourras pas gagner de place là et du coup ça devient difficile de réduire la hauteur.
Comment tu préfère faire ? mettre les bords en css : seuls les navigateurs vieux n’afficheront pas l'arrondi mais un coin normal. Ou enlever l'arrièreplan

ouais ouais j'ai bien compris ta problématique

utilise donc soit firebug sous firefox (plus facile), soit l'onglet développeur (édition préférence avancé Afficher...) de safari
tu verras ceci :
#subcontent .stuffs_block .personal_block ul.thumbnailCategories li {
    background: url("/themes/stripped/images/back_40.png") no-repeat scroll 0 0 transparent;
}
donc il faut créer un nouveau background, l'uploadé et l'utiliser via le css

stp lit correctement ce que j'écris :

donc il faut créer un nouveau background, l'uploader et l'utiliser via le css

Avec firebug ou la console dev de safari ou autre, tu changes virtuellement les valeurs des différents fichiers. ensuite pour que les modif prennent effet, tu les mets dans localfile editor : en effet, si tu as appris un peu le ccs, tu sais que les règles du "bas" sont prioritaires sur celles déclarées auparavant "en haut". et comme localfil est chargé en dernier, son css sera prioritaire.

ensuite il faut que tu redimensionne toutes ces minatures en 120px. J'avoue que le code html est bien pourris et dur pour un débutant : le code de ce bloc tu le génères de manière auto, ou c'est toi qui as mis tous ces <ul class="thumbnailCategories">
<ul class="thumbnailCategories">..
<ul class="thumbnailCategories">..
?