1. Forums
  3. Joomla 3.x
  5. Discussions générales
  7. Extensions-tierces
  9. Modules
  11. [Réglé] style css pour déplacer 2 images dans un module
×

Résolu [Réglé] style css pour déplacer 2 images dans un module

Plus d'informations
04 Mar 2015 09:55 #1 par wroom69
style css pour déplacer 2 images dans un module a été créé par wroom69
Bonjour,
Je travail en local sur un nouveau site et je voudrais enlever 2 images (qui sont une ombre sous le slide)
-> le slide c'est simplespotlight en position slidebar2.
J'ai des problémes d'alignements verticaux entre le titre, le slide et mes 2 images.
Pour le titre et le slide j'ai trouvé pour les déplacer à droite où à gauche. Pour
les 2 images, je ne trouve pas !
J'ai la position du module
#sp107.slideshow
Les 2 classes des images
.bgs_bottom_left { background:url(../img/shadow_left.png) 0 0 no-repeat ;width:50%;float:left;height:57px;}
.bgs_bottom_right {background:url(../img/shadow_right.png) top right no-repeat ;width:50%;height:57px;line-height:0%;font-size:0%;float:right;}
Dans custom.css comment affecter le module (#sp107.slideshow) aux 2 classes que j'ai modifiées pour les supprimer ?
.bgs_bottom_left { background:none}
.bgs_bottom_right { background:none}
Où alors si c'est pas possible, déplacer ces 2 images à droite où à gauche
www.rhone-alpes-petanque.fr/

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
04 Mar 2015 10:44 - 04 Mar 2015 10:57 #2 par wroom69
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module
J'ai fais des erreurs
La classe concernée c'est
.bgs_bottom
et pour le module
"id="mod107"
donc #mod107 ??
Avec firebug je vois
<div class="bgs_bottom" style="margin:0px auto">
Il faudrait que je déplace cette classe à gauche si c'est possible.

ce doit être
margin-left:0;
Comment le coder pour cette position de module ?
www.rhone-alpes-petanque.fr/
Dernière édition: 04 Mar 2015 10:57 par wroom69.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
04 Mar 2015 14:23 - 04 Mar 2015 14:23 #3 par wroom69
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module
Bon j'ai mis le slide sur mon site en signature pour test
www.rhone-alpes-petanque.fr/
Dernière édition: 04 Mar 2015 14:23 par wroom69.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
04 Mar 2015 19:01 #4 par tramber91
Réponse de tramber91 sur le sujet style css pour déplacer 2 images dans un module
Bonjour
à mon avis faut jouer sur style.css du module
.bgs_bottom {background:none;height:5px;width:100%}
.bgs_bottom_left { background:none;}
.bgs_bottom_right {background:none;}

manip a refaire à chaque maj module
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir ;)
www.en-toutes-lettres.fr - Digital

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
04 Mar 2015 23:26 #5 par wroom69
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module

manip a refaire à chaque maj module

J'ai un fichier custom.css

.bgs_bottom_left { background:none;}
.bgs_bottom_right {background:none;}

Je crois que j'avais essayé, je recommencerais demain.

.bgs_bottom {background:none;height:5px;width:100%}

Pourquoi height:5px au lieu de 57px, c'est une faute de frappe ?
A demain merci
www.rhone-alpes-petanque.fr/

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
05 Mar 2015 14:01 - 05 Mar 2015 14:04 #6 par wroom69
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module
Bonjour,
J'ai placé le code
[code type=php.bgs_bottom_left { background:none;}
.bgs_bottom_right {background:none;}
][/code]
dans style.css du module et je n'ai plus mes 2 images.
Dans custom.css au niveau des css du template ça ne fonctionnait pas.
Par contre dans custom.css j'ai placé le code suivant qui fonctionne, afin de déplacer le titre sur la droite.
.module-title {
background: none repeat scroll 0 0 transparent;
color: inherit;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
padding:30px;
}
}
Mais ça affecte tous les modules. J'ai essayé avec l'id du module
#Mod127.module-title {
    background: none repeat scroll 0 0 transparent;
color: inherit;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
padding:30px;
}
ça ne marche pas !
www.rhone-alpes-petanque.fr/
Dernière édition: 05 Mar 2015 14:04 par wroom69.

Connectez-vous ou Créer un compte pour participer à la conversation.

Droit d'accès du forum

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: xillibit, tramber91, Scottux, serge, starter
  1. Forums
  3. Joomla 3.x
  5. Discussions générales
  7. Extensions-tierces
  9. Modules
  11. [Réglé] style css pour déplacer 2 images dans un module
Temps de génération de la page : 1.080 secondes