+7-499-70-300-44
заказать звонок
Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Спасибо за оставленную заявку
Ожидайте звонка

Как настроить Nextgen Gallery

Как настроить Nextgen Gallery

Как настроить Nextgen Gallery

Приветствую всех читающих. В данном уроке мы рассмотрим следующий вопрос: как настроить Nextgen Gallery. А точнее, это будет урок тонкой настройки плагина Nextgen Gallery 

Я дам ответ на следующие вопросы:

  1. как убрать рамку вокруг картинки nextgen gallery
  2. как изменить цвет рамки вокруг картинки в nextgen gallery
  3. как изменить толщину рамки вокруг картинки в nextgen gallery (уменьшить или увеличить)
Я долго копался в css файлах самого плагина. Как оказалось потом, этого делать не нужно было. Для изменения всех этих параметров, заходим через админку в настройки плагина. И нажимаем кнопку Стили (как показано на картинке)
Как настроить Nextgen Gallery
Затем нас перебрасывает в меню, где все и меняется.
Как настроить Nextgen Gallery

Теперь воспользуемся поиском. Найти нужно фразу:

.ngg-gallery-thumbnail img {

Данный блок и нужно изменять.


.ngg-gallery-thumbnail img {
 background-color:#FFFFFF;
 border:1px solid #A9A9A9;
 display:block;
 margin:4px 0px 4px 5px;
 padding:4px;
 position:relative;

Теперь опишу что нужно изменить.

  1. Что бы убрать рамку вообще, ставите padding:0px; 
  2. border:1px solid #A9A9A9; — цвет ободка вокруг фото. По умолчанию цвет серый.
  3. padding:4px; -толщина бортика рамки. По умолчанию стоит 4px;

А чуть ниже находиться строка

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;

Данная строка отвечает за ободок, который появляется при наведении мышкой. По умолчанию стоит серый цвет.

Подведем итоги. Цвета в коде и на картинке соответствуют.

border:1px solid #72a200; — зеленая обводка вокруг картинки

padding:1px; — розовый цвет толщина ЗЕЛЕНОЙ  рамки

background-color: #000000; — черный цвет — обводка внутри зеленой обводки.

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #72a200;
display:block;
margin:4px 0px 4px 5px;
padding:1px;
position:relative;
}

.ngg-gallery-thumbnail img:hover {
background-color: #000000;
}

Как настроить Nextgen Gallery

Другие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

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

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Введите адрес сайта, который нуждается в продвижении *

Указать точное время звонка

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

Введите ваше имя *

Введите контактный телефон *

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка