[Réglé] Obtenir css pour titre bloc sur page html

[djsava]

Bonjour à tous,

 

Je suis actuellement en train d'intégrer à ma boutique un module de notes externe à prestashop.

 

Pour cela, j'utilise le module SotEW's Adds V4.0 où j'ai intégré une page html.

 

Mon problème c'est que je souhaite rendre l'aperçu du titre identique aux autres titres des autres blocs et que cette page html ne prend pas en charge le css de ma boutique.

 

J'aimerais avoir le même rendu que pour les autres, mais j'avoue ne pas trouver les lignes csss correspondantes.

 

Aperçu du site ici

 

Donc pour être plus clair dans mes explications car j'avoue mal m'exprimer.

Il y a le titre Évaluez notre site

je souhaite donc que l'aperçu soit identique aux autres titres comme par exemple catégories, meilleures ventes, etc.. avec le background gris.

 

J'ai rajouté des espaces au titres afin d'arriver au bout, pour que le background soit de la même longueur que celle des autres titres bloc.

 

Cependant, lorsqu'on consulte le site avec un mobile, tout fout le camp et ça fait un retour à la ligne alors que les autres titres sont bien alignés..

 

Est-ce que vous comprenez ce que je souhaite faire ?

 

Merci d'avance pour votre aide.

 

Amicalement

Edited March 30, 2013 by djsava (see edit history)

[misterpink]

Bonjour,

au lieu de mettre ton titre dans un span, mets le dans un h4

 

et tu rajoute dans global.css a la ligne 256 avec la class block h4 ce qui donnera ceci :

 

.block h4,#sotewsadds h4

 

 

il faudrait que ton bloc est cette structure html :

 

<div id="sotewsadds" class="left" style="width:202px;">
   <h4>Évaluez notre site</h4>
   <div class="block_content">
					 ton contenu
	</div>
</div>

Edited December 20, 2012 by misterpink (see edit history)

[djsava]

Oui j'ai bien compris, je te remercie pour ton aide.. Je vais faire ça desuite..

[djsava]

Alors j'ai du me tromper quelque part car ça ne donne pas le même rendu.

Voici ce que j'ai à la ligne 256 dans global.css

.block h4,#sotewsadds h4
.block h4 {
 padding:6px 11px;
 font-size:12px;
 color:#fff;
 text-shadow:0 1px 0 #000;
 text-transform:uppercase;
 background:#383838
}

 

je ne suis pas très doué en css je pense que j'ai mal placé le bout de code à la ligne 256.

[djsava]

ça y est j'ai trouvé mon erreur comme un grand

 

.block h4, #sotewsadds h4 {
 padding:6px 11px;
 font-size:12px;
 color:#fff;
 text-shadow:0 1px 0 #000;
 text-transform:uppercase;
 background:#383838
}

 

Merci beaucoup misterpink

Edited December 20, 2012 by djsava (see edit history)

[misterpink]

De rien, ravie d'avoir pu t'aider...