Сообщений в теме: 2

[Ast]

Аккаунт SL-368333
Здравствуйте
Как заменить фон под хлебными крошками на белый, соответственно цвет шрифта хлебных крошек изменить с белого на синий, и уменьшить высоту поля хлебных крошек? Скрин прилагаю.
Спасибо

Прикрепленные изображения

• 

[Vaccina]

В main.css найдите:

/* Хлебные крошки */
#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 (находится в разделе Редактор шаблонов)

[Ast]

Спасибо!