2017-09-08 3 views
0

J'ai un module Joomla. lorsque j'inspecte le CSS dans firebug, il y a beaucoup de divs dans le module. par exempleApplication de CSS à une classe dans le module Joomla

<div class="moudle-class"> 
<div class="Image-block"> 
</div> 
</div> 

Le Css pour l'image-bloc:

.image-block { 
    position: relative; 
} 

Ceci est juste un petit exemple, mais il y a beaucoup de divs dans divs avec leur propre classe.

Je veux modifier le CSS pour la classe img-block pour un module spécifique, pas pour tous les modules.

par exemple:

.image-block { 
position: relative; 
float:left 
} 

Si j'utilise un suffixe de classe, qui est ajouté au module de classe et ne s'applique pas à l'image bloc.

Comment puis-je y parvenir?

+0

Lire la (https://docs.joomla.org/Using_Class_Suffixes#Page_Class_Suffix_.28No_Space.29) [Documentation]! – Tijmen

+0

@Tijmen - de quelle documentation parlez-vous, Joomla? J'ai bien lu. – Joshi

+0

Je parle de la documentation de Joomla. Plus précisément, la page à laquelle je me suis connecté, qui explique exactement ce que vous demandez. – Tijmen

Répondre

0

Après @Tijmen commentaire et vous pouvez les ajouter une page classe docs Joomla et utiliser Suffixe puis comme cible:

.myBlogClass .img-block { 
    /*your custom css here*/ 
} 

Ass loin que je me souvienne modules prennent en charge Class Suffix to dans Joomla si vous ne voulez pas utiliser un suffixe de classe "page entière".

.myNewModuleClass .img-block { 
    /*your custom css here*/ 
}