Discussion :

[djmisterjon]

Bonjours je n’arrive pas a appliquer un style a une classe
Je fait quelque chose de mal ?

La classe ce nom.

voici le html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="ts-vcsc-icon-title-parent-8971833" class="ts-vcsc-icon-title-parent   titre-youtube  clearFixMe " style="height: 100%; margin-top:0px; margin-bottom:20px; font-family: Averia Sans Libre; ">
  <div style="height: 100%; ; padding: 0px; font-size: 20px; text-align: left; color: #3d3d3d; font-weight:normal; " class="ts-vcsc-icon-title ts-shortcode  ts-icon-title  simple-style">
    <div class="" style="width: 100%; line-height: 30px; vertical-align: middle;">
      <div class="" style="">
        <div class="simple-style " style=""><i style="position: absolute; left: 0px; top: 50%; margin-top: -15px; color:#000000;padding: 0px; background-color:; width: 30px; height: 30px; font-size: 30px; line-height: 30px;  display: inline-block !important; float: left;" class="ts-font-icon ts-title-icon-left ts-awesome-youtube-square   "></i>
          <div class="ts-icon-title-text" style="margin-left: 40px; text-align: left; line-height: 30px; font-size: 20px; ">une présentation rapide</div>
        </div>
      </div>
    </div>
  </div>
</div>

Et dans le css custom je met

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.ts-vcsc-icon-title-parent   .titre-youtube  .clearFixMe {
  margin-bottom: 0px !important;
}

Mais le margin-bottom:0px ne veut pas s’appliquer !!!

voir print screen




Je veut enfaite remplacer le magin bottom 20px par 0px

[Jacques Beauregard]

Bonjour,

Merci d'indenter ton code HTML car c'est illisible.
De plus la balise code s'applique aussi au css.
Bien cordialement.

Edit : dans ton code CSS : ne met pas d'espace :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.ts-vcsc-icon-title-parent.titre-youtube.clearFixMe {margin-bottom: 0px !important;border:1px solid silver}

(le border est bien présent autour du <div> concerné)

[Invité]

Bonjour,
peux-tu commencer par :

• mettre TOUT le style CSS DANS le fichier CSS prévu à cet effet ?
• faire des phrases de plus de trois mots, avec des explications ?

Merci.

[djmisterjon]

Bonjour,

(le border est bien présent autour du <div> concerné)

Bonjour,

Merci a vous 2 d’avoir pris le temp de me répondre.
Je vais un peut mieux m’expliquer.

En fait sur ma page de mon site j’ai une balise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="ts-vcsc-icon-title-parent-8971833" class="ts-vcsc-icon-title-parent   titre-youtube  clearFixMe " style="height: 100%; margin-top:0px; margin-bottom:20px; font-family: Averia Sans Libre; ">

Sa class est générer via un plugin externe, et je ne souhait pas modifier le code css source de ce plugin, car cela devient rapidement ennuyeux, si le plugin reçois une mise a jours , les codes modifier ce reformate.

Don j’ai un plugin, qui lui permet d’intégrer une nouvelle feuille css (custom css)
Et dans cette feuille je peut intégrer toute mes patch css qui ne me convienne pas.

Je souhaite modifier cette div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

div id="ts-vcsc-icon-title-parent-8971833" class="ts-vcsc-icon-title-parent   titre-youtube  clearFixMe " style="height: 100%; margin-top:0px; margin-bottom:20px;

Pour quelle donne plutôt

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

div id="ts-vcsc-icon-title-parent-8971833" class="ts-vcsc-icon-title-parent   titre-youtube  clearFixMe " style="height: 100%; margin-top:0px; margin-bottom:0px;

Le problème c’est que sa ne fonctionne pas ?
Habituellement je n’est pas de problème pour procéder ainsi, ces moi qui a peut être mal écrit le code css .

J’oubliai , le ID est générer aléatoire a chaque chargements de la page.

Pour les espaces , j‘ai un plugin qui compresse toute les feuille css donc pas nécessaire pour ma part.

Merci pour vos réponses.

[Invité]

Le style "en ligne" est prioritaire sur les feuilles de style.

1/ sauf... normalement ça devrait marcher avec :
Xxxxxxxxxx !important;
... mais il ne faut pas mettre d'espaces entre les class, puisque c'est un seul et même élément.

2/ sinon il faut passer par Javascript.