XF 2.1 Нужно отпустить наименование раздела вниз.

[Виталий Васильевич]

Простите, плиззз

помогите разобраться с кодом ...

/* фон для категории барная стойка */
.block.block--category.block--category3 .block-header
{
    height: 200px;
    background: url('https://farm8.staticflickr.com/7458/10664532605_d9f24f3249_z.jpg')  right; /*путь к изображению*/
    background-position: center center;
    background-size: cover;
    font-family: 'Times New Roman', Times, serif; /* Гарнитура текста */
    font-size: 250%; /* Размер шрифта в процентах */
    oding-left: 320px;
    color: #F25C05;

}
/* фон для категории барная стойка */

Идут эксперименты. за советы спасибо. :)

 

[Skaiman]

этот код вообще должен ошибку давать, один oding-left чего стоит и две позиции фона

 

[Виталий Васильевич]

должен ошибку давать,

Да есть ошибки, ? что то я не обратил на это внимание.. ? вроде кажет и ладно.

 

[Skaiman]

Попробуй vertical-align: bottom, но так просто не ответить, там может много изменено

 

[Виталий Васильевич]

Извините можно данную тему перенести в раздел поиск исполнителей ?
Спасибо

 

[Skaiman]

Извините можно данную тему перенести в раздел поиск исполнителей ?
Спасибо

кинь в личку адрес форума, посмотрю

 

[Виталий Васильевич]

кинь в личку адрес форума, посмотрю

он в подписи стоит

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Skaiman]

.block.block--category.block--category3 .block-header {
    height: 200px;
    background: url(/styles/img/bar_stoyka.jpg) no-repeat center;
    background-size: cover;
    font-size: 250%;
    color: #F25C05;
    display: flex;
    align-items: flex-end;
}

 

[Виталий Васильевич]

Огромное спасибо , но я понимаю, что должен создать новую тему. ИБО один вопрос = одна тема.

Как к данному коду прописать подложку к тексту и описанию.

 

[HAIM]

Как к данному коду прописать подложку к тексту и описанию.

Так добавьте background-color к нужным элементам, для полупрозрачности используйте rgba. Что-то вроде этого

.block.block--category.block--category3 .block-header {
   //тут код Скаймана
    .block-header--left {
        background-color: rgba(0,0,0,0.5);
    }
}

В чем проблема-то? :)

 

[Виталий Васильевич]

проблема решена вот что у меня получилось

/* фон и положении раздела и фон барная стойка */
.block.block--category.block--category3 .block-header {
       height: 200px;
    background: url(/styles/img/bar_stoyka.jpg) no-repeat center;
    background-size: cover;
    font-size: 250%;
   color: #f53909;
  text-shadow: 1px 1px #ffffff, 1px -1px #ffffff, -1px 1px #ffffff, -1px -1px #ffffff, 3px 3px 6px rgba(0,0,0,.5);
    display: flex;
    align-items: flex-end;
}
/* фон и положении раздела и фон барная стойка */

Всем огромное спасибо. Кто принимал в этом участия.
Тема закрыта