Откуда этот стиль?

Question

[Леонид Тючкалов]

Использую слик слайдер. Переопределял ширину в некоторых его классах, но при запуске (при первом открытии слайдера) у 1 фото ширина стоит 0. Если изменить ширину браузера, начать листать, то ширина станет той, которую я задавал. В чем проблема?
В HTML напрямую задавал, через другие классы обращался, всё одно и тоже

<div class="overlay a6" style="visibility: hidden">
        <div class="main a6-photo" style="visibility: hidden">
            <div class="sl">
                
                <div class="sl__slide" style=" background: url({{ 1|retlink:'6 1' }})
                        no-repeat center center; background-size: cover;">
                </div>
                <div class="sl__slide" style=" background: url({{ 1|retlink:'6 2' }})
                        no-repeat center center; background-size: cover;">
                </div>
                
            </div>
        </div>
    </div>

Answer 1

[Виталий Першин]

не надо трогать родные блоки slick. Свои кастомные блоки вставляйте внутрь пустого div

<div class="slider">
    <div>
        <!-- А тут свой блок -->
    </div>
    <div>
        <!-- А тут свой блок -->
    </div>
</div>

Comments

[Леонид Тючкалов]

не помогло

[Виталий Першин]

Леонид Тючкалов, Я только написал как делать не надо, а вашу проблему по скринам никто не разберет, как вариант, у вас может слайдер быть внутри флекс блока и он сжимается на столько на сколько ему позволено в том числе и в 0. Задайте слайдеру ширину 100%

[Леонид Тючкалов]

Виталий, flex не использую, 100% тоже не помогает, не понимаю, откуда этот стиль вообще берётся

[Виталий Першин]

Леонид Тючкалов, Эти стили высчитываем сам slick, так должно быть, проблема не в слайдере, а в его окружении. Покажите пример в песочнице. https://jsfiddle.net/

[Леонид Тючкалов]

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

[Леонид Тючкалов]

Виталий, я редактировал вопрос, там моя html разметка. Класс main у меня появляется при клике на объект

[Виталий Першин]

Леонид Тючкалов,

Класс main у меня появляется при клике на объект

С этого и надо было начинать. Нужно после появления слайдера сделать сброс:

$(".slider").slick('setPosition');

[Леонид Тючкалов]

Виталий, спасибо большое, вроде работает ))