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

[Kristinka77]

Привет всем ! Вы не поверите но я три дня мучаюсь с шаблоном DLE который идёт в комплектк с новыми 11 - ми версиями. Шаблон Green, там в шапке есть слайдер карусель, а на нём надпись

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

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

 

[HeadHunter]

Привет всем ! Вы не поверите но я три дня мучаюсь с шаблоном 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;
}

 

[Kristinka77]

Спасибо! немного опустился текст. Хотела ещё чуть ниже его опустить, сделала
bottom: 10, а он улетел вверх почему то )

 

[Rattle]

Спасибо! немного опустился текст. Хотела ещё чуть ниже его опустить, сделала
bottom: 10, а он улетел вверх почему то )

Вы увеличили нижний отступ (bottom) и он закономерно поднялся на эти 10 пикселей
Отступы настраиваются через margin, значения идут по часовой стрелке: устанавливается отступ от верхнего, правого, нижнего и левого края.
Соответственно, чтобы опустить вниз, нужно увеличить верхний отступ, т.е. первое значение (-130) увеличить например на 10, будет -120 (-130+10)
В итоге:
margin: -120px 0 0 -35%;

 

[Rattle]

Либо просто задать отрицательное значение для bottom
bottom: -10px;

 

[Kristinka77]

Спасибо за помощь, с положением текста вроде разобралась, и ещё вот обводку попробовала сделать таким образом Для просмотра ссылки Войди или Зарегистрируйся

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;

в мозиле и хроме вроде нормально, но будет ли работать это в других браузерах? Или может вообще не заморачиваться с этими надписями на слайдах, и нарисовать прямо на картинках в фотошопе? Что посоветуете?

 

[zALEHANz]

Думается такой тени будет достаточно
text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;

 

[Kristinka77]

Кстати, а где в скрипте сам кусок этой карусели слайдера, в котором можно параметры скорости помениять. Обычно это бывает JS файл, но в шаблоне Green я его в упор не вижу, его нет по-моему, или не там ищу?

 

[zALEHANz]

Судя по всему используется стандартный js от bootstrap. В шапке карусели закоментирована ссылка Для просмотра ссылки Войди или Зарегистрируйся
А вообще не очень удачная верстка у карусели, я бы рекомендовал более пластичные варианты.

 

[Kristinka77]

а где этот стандартный js от bootstrap ???