Question

Здравствуйте.

Кнопка загрузки на страницах сайта почему-то отображается неверно. Фон кнопки вылезает вправо. Не могу понять в чём причина. Для создания кнопки были использованы css и js.

К тому же и логотип на этой странице сместился чуть вверх, из-за чего смотрится обрезанным.

Посоветуйте, пожалуйста, что-нибудь...

Answer 1

Дело в том, что класс content есть и в ксс кнопки и в системном, откройте ксс кнопки на редактирование и везде где увидите класс .content допишите например букву а (должно быть так .contenta). Далее в html коде кнопки также допишите букву а, вот здесь <span class="content"> . Кнопка будет нормальной.

<button class="progress-button" data-style="fill" data-horizontal="">
  <span class="content">
    <!--<s5223>-->
    Скачать документ (1003.9Kb)
  </span>
  <span class="progress">
    <span class="progress-inner"></span>
  </span>
</button>

По поводу лога, там же в ксс кнопки удалите это

*, ::after, ::before {
box-sizing: border-box;
}

Comments

С логотипом, вроде, исправил. И с кнопкой тоже. ПОЧТИ. В Google Chrome теперь на кнопке исчезла надпись... Как ее отобразить в Хроме???

---

Внутри фигурных скобках content не надо переименовывать :) это свойство а не класс

.progress-button .kontent::before {
kontent: "\e600"; /* Checkmark for success */
}

.progress-button .kontent::after {
    kontent: "\e601"; /* Cross for error */
}
В остальном всё нормально, попробуйте сбросить кэш (ctr+f5)

---

Спасибо большое! Оказалось, и правда, достаточно было только сбросить кэш браузера! Всё гениальное просто... Спасибо гению )

Answer 2

Найдите в таблице стилей через поиск "logo-lnk" и посмотрите параметр padding-top

Comments

А для проблемы с кнопкой?

---

С параметром padding-top всё нормально. Проверял.

---

Естественно все нормально!!! Вы число поменяйте! Попробуйте прибавить несколько пикселей к тому что сейчас стоит. Начните с 10!

---

Делал. Тогда на других страницах (всех остальных) логотип смещается вниз, а на этой странице ничего не происходит...