Удалить тег h4 в нижнем колонтитуле Prestashop - PullRequest
0 голосов
/ 05 июля 2018

Я новичок, я хочу удалить тег h4 и заменить его тегом div в PrestaShop Footer. Версия Prestashop: 1.6.20

Это HTML код

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

Я делаю это:

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

Это код CSS / Как вставить класс "footer_h4"?

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

Спасибо !!

Ответы [ 2 ]

0 голосов
/ 05 июля 2018

Хорошо, а это? Это тот же принцип?

.footer-container #footer h4:after,
.footer-container #footer_h4 {
0 голосов
/ 05 июля 2018

Вы изучили основной синтаксис CSS селектора? Это почти до боли фундаментально.

.footer-container .footer_h4 {

Если вы хотите сохранить текущие стили для тега h4, добавьте второй селектор, используя формат списка:

.footer-container #footer h4, 
.footer-container .footer_h4 {
...