Перейти к содержанию
nikvladimir

Как сделать чтоб текст названия товара находился в рамке?

Рекомендуемые сообщения

Добрый день а как сделать чтоб текст названия товара находился в рамке пример http://color-it.ua/ruchki-sharikovye/c50607

вот на этом сайте нужна такая рамочка http://1.media-reklama.net/index.php?route=product/category&path=20_26

Когда вношу изменения в css 

.box-product .name a {
color: #000;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
когда пытаюсь поменять цвет шрифта то меняется только на этой страничке  http://1.media-reklama.net/index.php?route=common/home
 

хот в поиске показывает что за название товара отвечает стиль 

<div class="name"><a href="http://1.media-reklama.net/index.php?route=product/product&path=20_26&product_id=67">РУЧКА 2009 «WINING» СИНЯЯ</a></div>

может кто подскажет где этот стиль в css зарыт?

 

изменяю стиль H1 меняется только в карточке товара

знаком вопроса на рисунке обозначил текст к которому не могу найти стиль который отвечает за его отображение в css

http://de5.imhoster.net:2082/cpsess8310938962/frontend/x3/filemanager/showfile.html?file=333.jpg&fileop=&dir=%2Fhome%2Fa12028%2Fpublic_html%2F1&dirop=&charset=&file_charset=utf-8&baseurl=&basedir=

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Попробуйте найдите в stylesheet.сss  (у вас 993 строка)  .product-list .name a    и вставьте в него   background-color: #c73b2c;

 .product-list .name a {

background-color: #c73b2c;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Попробуйте найдите в stylesheet.сss  (у вас 993 строка)  .product-list .name a    и вставьте в него   background-color: #c73b2c;

 .product-list .name a {

background-color: #c73b2c;

}

Спасибо помогло

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

добавил стиль 

}
.product-list .name a {
color: #c73b2c;
font-weight: bold;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
font-weight: 200;
background-color: #c73b2c;
color: #fff;
height: 25px;
line-height: 25px;
padding: 5px 15px;
}
название в рамочки а вот при наведении мыши рамка растягивается на весь экран(
как это исправить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всё спасибо разобрался

 .product-list .name a:hover {
        color: #c73b2c;
font-weight: bold;
text-decoration: none;
font-size: 14px;
text-transform: uppercase;
font-weight: 200;
background-color: #c73b2c;
color: #fff;
height: 25px;
line-height: 25px;
padding: 5px 15px;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.