Найти в Дзене

Сайты24.Лайфхак с блоком расписание

На данный момент в Сайты24 в Битриксе и Битрикс24 есть всего один блок с расписанием. Вот такой: Все выглядит красиво до тех пор, пока вы не посмотрите данное расписание на смартфоне - понять кто где крайне сложно. Такая штука получается из за особенности дизайна даты в мобильном устройстве - она разрезает блок пополам и визуально половинки соседних блоков начинают склеиваться. В коробке можно быстро закастомить блок и сделать с ним что угодно. В облаке такое не сделать - нужно изворачиваться. Я почему это написал? Вижу, что многие партнеры оставляют этот блок "как есть". Но когда люди приходят на конференцию к ним, они смотрят это расписание скорее всего со смартфона. Я сам прошел через это. Это дико неудобно, скажу я вам! Не верите? Вот, без комментариев, как говорится: В общем, если вам быстро надо, а заморачиваться некогда, вот вам простое решение. Заходите в настройки страницы, там снизу есть блок " Пользовательский HTML и CSS" и вставляете туда следующий код: .u-timeline-v3-2-wr

На данный момент в Сайты24 в Битриксе и Битрикс24 есть всего один блок с расписанием. Вот такой:

Все выглядит красиво до тех пор, пока вы не посмотрите данное расписание на смартфоне - понять кто где крайне сложно. Такая штука получается из за особенности дизайна даты в мобильном устройстве - она разрезает блок пополам и визуально половинки соседних блоков начинают склеиваться.

В коробке можно быстро закастомить блок и сделать с ним что угодно. В облаке такое не сделать - нужно изворачиваться.

Я почему это написал? Вижу, что многие партнеры оставляют этот блок "как есть". Но когда люди приходят на конференцию к ним, они смотрят это расписание скорее всего со смартфона. Я сам прошел через это. Это дико неудобно, скажу я вам! Не верите? Вот, без комментариев, как говорится:

-2

В общем, если вам быстро надо, а заморачиваться некогда, вот вам простое решение. Заходите в настройки страницы, там снизу есть блок " Пользовательский HTML и CSS" и вставляете туда следующий код:

.u-timeline-v3-2-wrap .landing-block-node-card:nth-child(2n+1) {background-color: #f5f5f5 !important;}

Получаем следующий результат (было - стало):

-3

В общем идея понятна. Можете придумать и другие варианты. Не заставляйте своих посетителей считать блоки и выяснять, что к чему относится. Лояльности это не прибавит.

Компания АЛТАСИБ

Всем добрых ежиков!