Как опустить надпись ниже

Kristinka77

Гуру форума
Регистрация
30 Янв 2015
Сообщения
174
Реакции
65
Привет всем ! Вы не поверите но я три дня мучаюсь с шаблоном DLE который идёт в комплектк с новыми 11 - ми версиями. Шаблон Green, там в шапке есть слайдер карусель, а на нём надпись

DataLife Engine
Собственный сайт без компромиссов!

Как эти две строчки опустить чуть ниже, чтобы они были не в центре слайдов, а внизу с небольшим отступом от нижнего края ?
Вот проверочный сайт Для просмотра ссылки Войди или Зарегистрируйся движок демоверсия, так что всё законно.
 
Привет всем ! Вы не поверите но я три дня мучаюсь с шаблоном DLE который идёт в комплектк с новыми 11 - ми версиями. Шаблон Green, там в шапке есть слайдер карусель, а на нём надпись

DataLife Engine
Собственный сайт без компромиссов!

Как эти две строчки опустить чуть ниже, чтобы они были не в центре слайдов, а внизу с небольшим отступом от нижнего края ?
Вот проверочный сайт Для просмотра ссылки Войди или Зарегистрируйся движок демоверсия, так что всё законно.
Для просмотра ссылки Войди или Зарегистрируйся

Код:
.carousel-caption {
    bottom: 0; // нижний отступ
    color: #fff;
    display: table;
    height: 260px;
    left: 50%;
    margin: -130px 0 0 -35%;
    position: absolute;
    width: 70%;
    z-index: 3;
}
 
Спасибо! немного опустился текст. Хотела ещё чуть ниже его опустить, сделала
bottom: 10, а он улетел вверх почему то )
 
Последнее редактирование:
Спасибо! немного опустился текст. Хотела ещё чуть ниже его опустить, сделала
bottom: 10, а он улетел вверх почему то )
Вы увеличили нижний отступ (bottom) и он закономерно поднялся на эти 10 пикселей
Отступы настраиваются через margin, значения идут по часовой стрелке: устанавливается отступ от верхнего, правого, нижнего и левого края.
Соответственно, чтобы опустить вниз, нужно увеличить верхний отступ, т.е. первое значение (-130) увеличить например на 10, будет -120 (-130+10)
В итоге:
margin: -120px 0 0 -35%;
 
Либо просто задать отрицательное значение для bottom
bottom: -10px;
 
Спасибо за помощь, с положением текста вроде разобралась, и ещё вот обводку попробовала сделать таким образом Для просмотра ссылки Войди или Зарегистрируйся

color: #fff;
text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px;

в мозиле и хроме вроде нормально, но будет ли работать это в других браузерах? Или может вообще не заморачиваться с этими надписями на слайдах, и нарисовать прямо на картинках в фотошопе? Что посоветуете?
 
Последнее редактирование:
Думается такой тени будет достаточно
text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
 
Кстати, а где в скрипте сам кусок этой карусели слайдера, в котором можно параметры скорости помениять. Обычно это бывает JS файл, но в шаблоне Green я его в упор не вижу, его нет по-моему, или не там ищу?
 
Судя по всему используется стандартный js от bootstrap. В шапке карусели закоментирована ссылка Для просмотра ссылки Войди или Зарегистрируйся
А вообще не очень удачная верстка у карусели, я бы рекомендовал более пластичные варианты.
 
а где этот стандартный js от bootstrap ???
 
Назад
Сверху