Remplacer ou supprimer balise h4 | problème CSS

Bonjour à tous,

Je souhaite remplacer ou supprimer la balise HTML H4 suivante :

<h4>{l s='Information' mod='blockcms'}</h4>

Pour cela je créée une div comme ceci :

<div class="footer_h4">{l s='Information' mod='blockcms'}</div>

Mais je ne sais pas comment la substituer dans mon code CSS , qui pourrait s'il vous plait m'aider? Merci

    .footer-container #footer h4 {
      font-weight: 400;
      font-size: 22px;
      line-height: 22px;
      color: #222;
      margin: 0 0 23px 0;
      cursor: pointer; }
      @media (max-width: 767px) {
        .footer-container #footer h4 {
          position: relative;
          margin-bottom: 0;
          padding-bottom: 13px; }
          .footer-container #footer h4:after {
            display: block;
            content: "\f055";
            font-family: "FontAwesome";
            position: absolute;
            right: 0;
            top: 1px; }
          .footer-container #footer h4.active:after {
            content: "\f056"; } }
      .footer-container #footer h4 a {
        font-weight: 400;
        font-size: 22px;
        line-height: 22px;
        color: #222;
      }

    @media (min-width: 767px) {
      .footer-container #footer h4 a:before,
      .footer-container #footer #block_contact_infos h4 {display: none;}
    }

Salut,

Bah il suffit de remplacer h4 par .footer_h4 non ?

Salut Laurent,

Comme ceci?

.footer-container #footer .footer_h4 {
      font-weight: 400;
      font-size: 22px;
      line-height: 22px;
      color: #222;
      margin: 0 0 23px 0;
      cursor: pointer; }
      @media (max-width: 767px) {
        .footer-container #footer .footer_h4 {
          position: relative;
          margin-bottom: 0;
          padding-bottom: 13px; }
          .footer-container #footer .footer_h4:after {
            display: block;
            content: "\f055";
            font-family: "FontAwesome";
            position: absolute;
            right: 0;
            top: 1px; }
          .footer-container #footer .footer_h4.active:after {
            content: "\f056"; } }
      .footer-container #footer .footer_h4 a {
        font-weight: 400;
        font-size: 22px;
        line-height: 22px;
        color: #222;
      }

    @media (min-width: 767px) {
      .footer-container #footer .footer_h4 a:before,
      .footer-container #footer #block_contact_infos .footer_h4 {display: none;}
    }

Merci
Modifié par jr74000 (05 Jul 2018 - 18:03)