Jump to content

Remplacement balise h4 dans footer


Recommended Posts

Bonjour à tous,

Je souhaite remplacer des balises h4 inutiles dans un footer.

Or je rencontre quelques difficultés notamment au niveau du CSS

Au niveau HTML j'ai ceci par exemple :

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

 

Je créée donc une div de cette façon :

 

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

 

Voilà mon CSS

A brule pour point j'aurai été tenté de remplacer h4 par .footer_h4 pour autant cela me cause des bugs d'affichage en version mobile notamment.
Comment feriez vous? Merci pour votre aide précieuse
 

.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;
      }

 

Link to comment
Share on other sites

  • 2 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...