Как навести порядок в галерее

Если вы загружаете фотографии в галерею в несколько приемов, может потребоваться изменить их порядок, поменять местами.

Способ 1

Это очень просто сделать: ухватитесь курсором за миниатюру и перетащите её на нужную позицию. 

Способ 2

Или перетаскивайте сразу несколько миниатюр. Для этого выделите их курсором с нажатой клавишей "Shift"(Windows) или "Command" (Mac) и перетащите всю стопку в нужное место. Или включите чекбоксы на нужных миниатюрах.

Способ 3

Отметьте нужную миниатюру, убедитесь, что вокруг неё появилась зеленая рамка. В числовое поле введите номер фото, после которого должна оказаться выбранная миниатюра. Подтвердите команду клавишей «Ввод». Например, если миниатюра должна стать первой в галерее, введите ноль.

Как изменить фон плашки для описания галереи

Изменить фон в описании галереи (серии) можно с помощью переопределения стилей CSS.

Для этого нужно 

1. перейти на страницу "Дизайн" вашего конструктора. 

2. Найти в левом столбце пункт меню "Переопределение CSS"

3. Скопировать туда весь этот код:

/* Стиль для описаний галерей*/

.series_caption, .expanded, .galleryCaption   {
background-color: #F0F0F0; /* Цвет фона */
color: #333;/* Цвет текста */
font-size:1.1rem; /* Размер шрифта в относительных единицах */
}
.series_caption a {
color: #333;/* Цвет ссылок */
}
.series_caption .container .description {
font-size: 1.1rem;
line-height: 1.6rem; /* Межстрочный интервал */
}
.galleryCaption a.close {
color:#333 /* Цвет кнопки "Закрыть" в мобильной версии*/
}
.series_caption, .galleryCaption   {
margin-bottom:20px; /* Расстояние от нижнего края плашки с текстом до миниатюр */
}

4. Сохранить изменения.

В коде прописаны установки для этого сайта https://bezukladnikov.com/tarot?show=thumbs

Однако вы можете установить свет фона такой, какой захотите. Для этого измените код цвета в строке:

background-color: #F0F0F0; /* Цвет фона */

Для подбора нужного цвета воспользуйтесь удобным инструментом https://html-color.codes/

Выберите в Color Picker нужный цвет и скопируйте его значения из поля "Hex" вместо #F0F0F0