Перейти к содержимому


Как Поменять Цвет Шапки И Отдельной Части Контейнера.

цвет шапка главная

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 SOGOOD

SOGOOD

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 08 Ноябрь 2017 - 09:13

Как поменять цвет шапки и отдельной части контейнера.

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

  • Безы223мянный.png


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 08 Ноябрь 2017 - 14:42

Просмотр сообщенияsogoodfso (08 Ноябрь 2017 - 09:13) писал:

Как поменять цвет шапки и отдельной части контейнера.

Здравствуйте.
Для шапки:
В шаблоне style.css найдите код:
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

Измените код цвета #FAFAFA

Для бокового блока:
Найдите код:
/*Navbar*/
.block2 .block-title {padding: 6px 18px;color: #40383b;text-transform: uppercase;background: #fff;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;}

Измените код #fff

#3 SOGOOD

SOGOOD

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 08 Ноябрь 2017 - 23:17

Просмотр сообщенияFirefly (08 Ноябрь 2017 - 14:42) писал:

Здравствуйте.
Для шапки:
В шаблоне style.css найдите код:
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

Измените код цвета #FAFAFA

Для бокового блока:
Найдите код:
/*Navbar*/
.block2 .block-title {padding: 6px 18px;color: #40383b;text-transform: uppercase;background: #fff;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;}

Измените код #fff
А подскажите, где я могу найти карту цветов.

#4 SOGOOD

SOGOOD

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 08 Ноябрь 2017 - 23:54

Спасибо большое, всё получилось, ещё вопросик, как изменить шрифт сайта, чтобы полностью сайт перешёл на новый шрифт

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 369 сообщений

Отправлено 09 Ноябрь 2017 - 03:39

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
body{line-height:1;font:600 12px/18px 'Open Sans',Helvetica,Arial;background:transparent}

измените шрифт в стиле font на необходимый, например:
body{line-height:1;font:600 12px/18px Georgia;background:transparent}

http://htmlbook.ru/css/font

#6 SOGOOD

SOGOOD

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 09 Ноябрь 2017 - 23:33

Просмотр сообщенияVaccina (09 Ноябрь 2017 - 03:39) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
body{line-height:1;font:600 12px/18px 'Open Sans',Helvetica,Arial;background:transparent}

измените шрифт в стиле font на необходимый, например:
body{line-height:1;font:600 12px/18px Georgia;background:transparent}

http://htmlbook.ru/css/font
Спасибо большое, такой вопрос, как мне изменить цвет выбранной категории?
Вот например в данном случае выбрана категория Промышленные машины, как мне сделать так чтобы в категориях он была выделена определённым цветом?

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

  • 1231231231231231231Безымянный.png


#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 369 сообщений

Отправлено 10 Ноябрь 2017 - 06:45

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.accordion_main ul li {margin-left: -10px;line-height: 25px;display: block;width: 100%;border-bottom: solid 1px #ccc;}
.accordion ul ul li a {font-size:10px; padding:8px 10px 8px 20px;}
.accordion ul ul ul li a {font-size:9px; padding:8px 10px 8px 30px;}
.accordion ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion li ul li { background: #fff; }

после него пропишите:
.accordion li a.selected{background: #008B8B;color: #fff;}

цвета фона и шрифта измените на необходимые.

#8 SOGOOD

SOGOOD

    Пользователь

  • Пользователи
  • PipPip
  • 48 сообщений

Отправлено 11 Ноябрь 2017 - 17:04

Просмотр сообщенияVaccina (10 Ноябрь 2017 - 06:45) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.accordion_main ul li {margin-left: -10px;line-height: 25px;display: block;width: 100%;border-bottom: solid 1px #ccc;}
.accordion ul ul li a {font-size:10px; padding:8px 10px 8px 20px;}
.accordion ul ul ul li a {font-size:9px; padding:8px 10px 8px 30px;}
.accordion ul ul ul ul li a {font-size:8px; padding:8px 10px 8px 40px;}
.accordion li ul li { background: #fff; }

после него пропишите:
.accordion li a.selected{background: #008B8B;color: #fff;}

цвета фона и шрифта измените на необходимые.
Подскажите как мне сделать так чтобы картинка категории была в рамке, пример на фото

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

  • Безымянный.png


#9 metry

metry

    Активный участник

  • Модераторы
  • 887 сообщений

Отправлено 12 Ноябрь 2017 - 14:26

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->style.css и найдите:

#category_view_type.grid_view #product_list a.product_img_link{border:0;margin:0;float:none}

замените на:

#category_view_type.grid_view #product_list a.product_img_link{border:0;margin:0;float:none; border: 1px solid #d13941;}






Темы с аналогичным тегами цвет, шапка, главная

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных