Переместить FlexSlider в центр страницы
Я работаю на небольшом сайте, и у меня проблемы с позицией FlexSlider. Я использую один и тот же шаблон для 2 сайтов, но с другим языком. Теперь, когда я копирую CSS со второго сайта, изменения не применяются, и галерея выглядит по-другому на втором сайте. Объяснить с изображением. Оригинальный сайт :
Новый сайт: (Логин пользователя / пароль)
А это ссылка на сайт на затронутую страницу. (предыдущий должен быть авторизован)
Я попытался вставить этот CSS:
/* Gallery Center */
.col-lg-7 {width:100%;}
.flex-active-slide {
text-align: center;
}
Но это только в центре блока, а не в центре страницы, как первый сайт. Любая помощь, как попасть в центр, как первый связанный сайт? Спасибо
Решение
Пытаться
/* Gallery Center */
.col-lg-7 {min-width:100%;}
.flex-active-slide {
text-align: center;
}
Браузер может масштабироваться на основе этого или вы можете создать отдельный DIV ширину страницы, а затем использовать margin: auto; для содержимого и просто поместите ползунок внутри него.
.centerslider {
min-width: 100%;
margin-left: auto;
margin-right: auto;
}
.slidercontents {
text-align: center;
}<div class=centerslider>
<div class=slidercontents>
<h1>Place the slider here</h1>
</div>
</div>Другие решения
Других решений пока нет …