Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Добрый день а как сделать чтоб текст названия товара находился в рамке пример 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;

}

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

Надіслати
Поділитися на інших сайтах


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

}
.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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.