[RÉGLÉ] Mettre une bordure sur les modules

[keryado]

Bonjour,

Je suis sous Joomla 3.4 avec Helix 3 comme templates.

Je bloque sur un truc simple, mettre une bordure sur mes modules

J'arrive à faire la bordure, mais elle borde aussi le titre, ce qui donne une double bordure.

Mon CSS custom

.sp-modulephoto {
margin-left: auto;
margin-right:auto;
border: 1px solid red;
background-image:url(images/jaune.gif);
}

.sp-modulephoto .sp-module-title {
background: url(/images/barrerouge1.png) ; no-repeat -y;
border-color: transparent transparent #b03712;
text-align:center;

height:30px;
padding-top:7px;
font-size: 16px;
text-transform: uppercase;
line-height: 1;
}




merci

Didier

[toffffe]

Re : Mettre une bordure sur les modules

Salut
Peut-on avoir un lien vers ton site ?
Sinon si tu ne veux pas de bordure tout autour tu as border-bottom, border-left, border-left

[keryado]

Re : Mettre une bordure sur les modules

bonjour

Voici un lien, du site en construction www.sudptt44.org/joom18 . Je laisse le bug de la double bordure volontairement.
Merci si vous avez une idée. Sinon je vire les bordures et je laisse un fond, mais je voudrais bien comprendre.
Ce site est en construction.
Merci si vous avez une idée.

didier

[lefabdu51]

Re : Mettre une bordure sur les modules

c est la notion d heritage qui est en action.

LE selecteur qui contient les propriétés est sp-module-content.

Et ensuite celles ci sont herités par sp-module-content.

Si tu veux bloquer ce comportement : .sp-module-content {border : 0;}

[lomart]

Re : Mettre une bordure sur les modules

Une petite correction à la suggestion de lefab
Il faut cibler l'élément enfant, donc la règle est:

.sp-module-content > div {
border: 0;
}

[keryado]

Re : Mettre une bordure sur les modules

Une petite correction à la suggestion de lefab
Il faut cibler l'élément enfant, donc la règle est:

.sp-module-content > div {
border: 0;
}

Merci à vous.

C'est ok, je n'ai plus qu'un encadré.

Didier

[keryado]

Re : Mettre une bordure sur les modules

Re bonjour,

En fait, je me suis réjoui trop vite. Cela fonctionne avec le module dernières news ou avec des modules custom. Mais les modules weblinks et autre module de liens RSS gardent les doubles bordures alors que je fais appelle au même custom css.
Bref je suis depuis des heures à étudier le templates.css sans résultat. Bref dur dur .. Au passage, je n'arrive pas non plus à décaler mon module "recherche" totalement à droite. En fait la position TOP 3 est pratiquement en milieu de page alors que je souhaite la mettre à droite. Voir sur le site
Voilà, merci si vous avez des idées.

Didier

[lomart]

Re : Mettre une bordure sur les modules

Pour les modules, il faut ajouter la règle:
.sp-modulecustom2 > .sp-modulecustom2 {
border: 0;
}

et pour la recherche :
#sp-top3 > .sp-column {
padding-right: 20px;
text-align: right;
}

Bonne soirée

[keryado]

Re : Mettre une bordure sur les modules

Un grand merci pour cette aide. En fait, tout fonctionnait, sauf quand je changeait de page. C'est pourquoi je continuais à chercher dans les CSS. En fait, c'est l'url rewriting qui plante le chemin des images. Donc les bordures en png et autre background n'étaient pas trouvée. J'ai désactivé et tout fonctionne. Bon c'est quand même la galère, c'est une récupération de l'ancien site avec pleins de plugins et autres composants incompatibles.. Et une modification du fichier SQL des articles pour passer en joomla 3.4. Bref j'ai des bugs, mais cela avance.

a +

Didier

[Skuak]

Bravo à lomart

Après la mise à jour de Joomla, 3.9.24 j'ai eu ce probléme ligne 465 du template dans "presets.less" avec page blanche

[lesoutier]

Ce n'est vraiment pas une bonne idée de déterrer une discussion qui a plus de cinq ans, d'autant plus quand elle est taggée come Réglée.

Merci de créer une nouvelle discussion en exposant avec le maximum de détails le problème rencontré.