редактирование CSS фотоальбома

голоса: 0

при помощи инструкции (https://www.ucoz.ru/help/module-photo/preview-setup) была изменена главная страница фотоальбома.

В результате добавлении категорий встретился с такими проблемами как бледный цвет текста названия и категории и наложение друг на друга "плиток" категорий.

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

Адрес сайта http://lushnikova.at.ua/photo/
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Бледный цвет меняйте в таблице стилей CSS - http://lushnikova.at.ua/panel/?a=tmpl;m=3;t=3 в строках 77-78 и 80:

a.catName:link {text-decoration:none; color:#7D7D7D;}
a.catName:visited {text-decoration:none; color:#7D7D7D;}
a.catName:active {text-decoration:none; color:#7D7D7D;}

вместо выделенного красным пропишите нужный цвет, подберите на сайте http://www.color-hex.com/ и сделайте себе не бледный цвет какой хотите.

По поводу разрыва, в стилях найдите строку номер 73:

.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;line-height: 1.5;}

добавьте выделенное красным, вместо значения 1.5 пропишите нужное увеличивая его, в итоге разрыв станет больше. После изменений чтобы их увидеть не забывайте чистить кеш в браузере https://ukit.com/ru/help/kak-ochistit-cahe если не очистите, тогда и изменений не увидите.

| Автор:
Выбор ответа лучшим | | Автор: Mr.3et

имелось ввиду растояние между категориями не в "меню категорий" а непосредственно на главной странице фотоальбома.

Mr.3et,

Так это не категории. Точнее нужно было уточнять. Чтобы увеличить расстояние в блоке ссылок, а не категорий, в стили пропишите:

[class="boxContent center"] li a {line-height:1.8;color:#000!important}
[class="boxContent center"] li {text-align:left;}

я там прописал значение 1.8, сам прописал расстояние между ссылками, можете отрегулировать и сделать его больше если этого мало. 

Чтобы добавить расстояние между плитками фото, в стили пропишите:

.photo-block, .photo-eblock {margin-bottom:10px!important;}

вместо значение 10 можете прописать еще большее расстояние если вам будет мало текущего.

...