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

[aleff]

Доброго времени суток, подскажите как сделать  рамку для каждого блока в меню слева, и при наведении выделялась не только название, а весь блок

[Vaccina]

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

.block-menu-content {
  float: left;
  width: 100%;
  padding: 30px 10px;
  font-size: 110%;
}

замените на:

.block-menu-content {
  float: left;
  width: 100%;
  padding: 10px 0px;
  font-size: 110%;
  border: 1px solid #eee;
}

далее найдите:

.block-menu-content ul li.subhead {
  text-align: left;
  border-bottom: 2px dotted #6495ED;
  font-weight: normal;
  text-transform: uppercase;
  padding: 8px 0px;
}

замените на:

.block-menu-content ul li.subhead {
  text-align: left;
  border-bottom: 2px dotted #6495ED;
  font-weight: normal;
  text-transform: uppercase;
  padding: 8px 5px;
}
.block-menu-content ul li.subhead:hover {
  background-color: #23ccf0;
}
.block-menu-content ul li.subhead:hover a {
  color: #fff;
}

[aleff]

Спасибо, но не выделяется при наведении блок, только надпись, как испаравить?

[Vaccina]

Вам необходимо выделение блока пункта в меню или их общий блок, если первое, то необходимо редактировать:

.block-menu-content ul li.subhead:hover {
  background-color: #23ccf0;
}

если же последнее, то необходимо добавить и в дальнейшем редактировать:

.block-menu-content > ul:hover{
здесь прописываете стили
}

[aleff]

Что нужно прописать в стилях, чтоб при наведении мышкой на пункты в меню слева, выделялся и нажимался весь блок, а не только название?

[Firefly]

aleff (23 Август 2015 - 21:20) писал:

Что нужно прописать в стилях, чтоб при наведении мышкой на пункты в меню слева, выделялся и нажимался весь блок, а не только название?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.block-menu-content ul li.subhead a {display: block;}