Аккаунт SL-368333
Здравствуйте
Как заменить фон под хлебными крошками на белый, соответственно цвет шрифта хлебных крошек изменить с белого на синий, и уменьшить высоту поля хлебных крошек? Скрин прилагаю.
Спасибо
0
Фон Хлебных Крошек
Автор Ast, 07 июня 2016 22:00
Сообщений в теме: 2
#1
Отправлено 07 Июнь 2016 - 22:00
#2
Отправлено 08 Июнь 2016 - 02:25
В main.css найдите:
замените на:
И необходимо в графическом редакторе изменить иконку стрелки arrow-bread.png (находится в разделе Редактор шаблонов)
/* Хлебные крошки */ #breadcrumbs {position: relative;padding: 30px 0 20px;} #breadcrumbs:before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: -80px;z-index: -1;} #breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;} #breadcrumbs .container {position: relative;height: 100%;} #breadcrumbs .container #titlepage {margin-bottom: 25px;background: url("{ASSETS_IMAGES_PATH}ico-pagetitle.png") no-repeat left center;line-height: 26px;font-size: 24px;color: #FFF;padding-left: 45px;} #breadcrumbs .container #titlepage > * {font-size: 100%;margin: 0 0;padding: 0 0;color: inherit;font-weight: inherit;} .breadcrumbs {margin: 0;padding:0;list-style: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png") no-repeat left center;color: #FFF;font-size: 13px;} .breadcrumbs li.home {padding: 0 15px 0 0;background: none;} .breadcrumbs li a {color: #FFF;font-size: 110%;} .breadcrumbs li a:hover {text-decoration:underline;} .breadcrumbs li.home a {background: url("{ASSETS_IMAGES_PATH}ico-home.png") no-repeat left top;padding-left: 23px;}
замените на:
/* Хлебные крошки */ #breadcrumbs {position: relative;padding: 30px 0 20px;} #breadcrumbs:before {background-color: #fff; content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: -80px;z-index: -1;} #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;} #breadcrumbs .container {position: relative;height: 100%;} #breadcrumbs .container #titlepage {margin-bottom: 25px;background: url("{ASSETS_IMAGES_PATH}ico-pagetitle.png") no-repeat left center;line-height: 26px;font-size: 24px;color: #FFF;padding-left: 45px;} #breadcrumbs .container #titlepage > * {font-size: 100%;margin: 0 0;padding: 0 0;color: inherit;font-weight: inherit;} .breadcrumbs {margin: 0;padding:0;list-style: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png") no-repeat left center;color: #4b78bb;font-size: 13px;} .breadcrumbs li.home {padding: 0 15px 0 0;background: none;} .breadcrumbs li a {color: #4b78bb;font-size: 110%;} .breadcrumbs li a:hover {text-decoration:underline;} .breadcrumbs li.home a {background: url("{ASSETS_IMAGES_PATH}ico-home.png") no-repeat left top;padding-left: 23px;}
И необходимо в графическом редакторе изменить иконку стрелки arrow-bread.png (находится в разделе Редактор шаблонов)
#3
Отправлено 08 Июнь 2016 - 08:48
Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных