ширина фильтров

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #321247

Приветствую.

Подскажите, пожалуйста, где можно найти класс, который отвечает за ширину поля фильтра? Всё перерыл, не могу найти.
Есть четыре фильтра (выпадающий список), но они ориентируются не по центру страницы, а со смещением влево. Опытным путём выяснил, что проблема в том, что ширина каждого поля 24%, если сделать 25% - всё ок с отображением.
Но не могу найти,где можно поменять это значение.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #321249

обычно получается с помощью инструментов разработчика (F12 на firefox)


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #321251

С помощью этого инструмента и смотрел. На скрине видно.

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #321297

ширина делится на количество фильтров.
24% ставится для того чтобы не перескакивали элементы


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #321302

Хм. И как тогда выравнивать их?

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #321319

дайте ссылку на страницу.


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #321320

https://xn--e1abfckoqol.xn--p1ai/septiki

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #321322

эта проблема не с фильтрами, а с css товаров. известная проблема стандартного css hikashop

сейчас посмотрю как исправить в вашем случае


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #321324

.hikashop_filter_main {
    float: none !important;
    display: inline-block;
}

.hikashop_filter_main_div  {
text-align: center;
}

это должно решить проблему


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #321325

Благодарю! Это в hikashop.css?

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #321326

это должно быть самым последним правилом после всех


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #321328

Спасибо!

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #321997

Приветствую.
Столкнулся с новой проблемой в фильтрах.
Вставил через Sp PageBuilder модуль фильтров и, когда страница в мобильном виде, высота 2,3 и 4 фильтров с параметром min-height: 100px;, а первый min-height: 5px;
Последствия на скрине.



Это может быть связано с предыдущей проблемой?
И как можно решить её?
Страница: https://xn--e1abfckoqol.xn--p1ai/

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #321998

ключевое слово - sp page builder, который добавляет кучу ненужного кода


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!
Last edit: 4 years 5 months ago by progreccor.

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #322000

Это не в css товаров дело?
Можете подсказать варианты решения (кроме отказа от page builder)?

Last edit: 4 years 5 months ago by d1m88.

Please Log in or Create an account to join the conversation.

  • Posts: 2293
  • Thank you received: 315
4 years 5 months ago #322008

d1m88 wrote: Это не в css товаров дело?
Можете подсказать варианты решения (кроме отказа от page builder)?

ну здесь нужно изучать вопрос с помощью F12
и смотреть какие правила и на что влияют.
ну или обращаться к тем, кто это может


Я не явлюсь официальной службой поддержки!
Я здесь добровольно!

Хочешь получить купон на скидку Hikashop? Спроси меня как!

Please Log in or Create an account to join the conversation.

  • Posts: 19
  • Thank you received: 0
4 years 5 months ago #322025

Решилось с помощью добавления в frontend_custom.css
@media only screen and (max-width: 640px) {
.hikashop_filter_main {
width: 100% !important;
min-height: 30px !important;
}
}
Не знаю на сколько это правильно, но работает.

Please Log in or Create an account to join the conversation.

Moderators: progreccor
Time to create page: 0.108 seconds
Powered by Kunena Forum