Здравствуйте. Ответьте пожалуйста как убрать рамку в изображениях категорий. Как убрать название под изображением категорий. Как сделать, что изображения категорий были слитными, без промежутка.
0
Изображения Категорий
Автор Medvedev, 19 дек. 2013 13:56
Сообщений в теме: 6
#1
Отправлено 19 Декабрь 2013 - 13:56
#2
Отправлено 19 Декабрь 2013 - 14:45
Medvedev (19 Декабрь 2013 - 13:56) писал:
Здравствуйте. Ответьте пожалуйста как убрать рамку в изображениях категорий. Как убрать название под изображением категорий. Как сделать, что изображения категорий были слитными, без промежутка.
1) В style.css заменяем:
#category_view_type.grid_view #product_list .product_image_wrapper { position: relative; padding: 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); background: #ffffff; }на
#category_view_type.grid_view #product_list .product_image_wrapper { position: relative; padding: 8px; }2) В style.css заменяем:
#category_view_type.grid_view #product_list .product_list_details_left h5 { padding: 12px 0 5px 0; font-size: 14px; font-weight: 400; }на
#category_view_type.grid_view #product_list .product_list_details_left h5 { display: none; padding: 12px 0 5px 0; font-size: 14px; font-weight: 400; }3) И замените:
[font=Consolas, 'Lucida Console', monospace][size=3] [CODE] #category_view_type.grid_view #product_list li { display: inline-block; display: -moz-inline-stack; position: relative; width: 200px; min-height: 250px; margin: 0,15px; padding: 0; border: 0; vertical-align: top; text-align: center; z-index: 100; }на
#category_view_type.grid_view #product_list li { display: inline-block; display: -moz-inline-stack; position: relative; width: 200px; min-height: 250px; margin: 0px; padding: 0; border: 0; vertical-align: top; text-align: center; z-index: 100; }
#4
Отправлено 20 Декабрь 2013 - 04:47
В style.css найдите:
уменьшите значение min-height
#category_view_type.grid_view #product_list li { border: 0px none currentColor; display: inline-block; margin: 0px 0px 0px; min-height: 250px; padding: 0px; position: relative; text-align: center; vertical-align: top; width: 200px; z-index: 100; }
уменьшите значение min-height
#6
Отправлено 04 Май 2016 - 19:32
akronshtapov777 (04 Май 2016 - 16:02) писал:
Добрый день. Помогите пожалуйста переделать меню Каталог.
Рисунок 1. Какое есть
Рисунок 2. Какое хочется
Рисунок 1. Какое есть
Рисунок 2. Какое хочется
Вам нужно в style.css заменить код:
#category_view_type.grid_view #product_list .product_image { max-width: 184px; margin: auto; height: auto; z-index: 1; }
на
#category_view_type.grid_view #product_list .product_image { width: 50px; margin: auto; height: auto; z-index: 1; }
Далее найдите код:
#category_view_type.grid_view #product_list .product_image_wrapper { position: relative; padding: 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); background: #ffffff; }
и замените на:
#category_view_type.grid_view #product_list .product_image_wrapper { width: 50px; float:left; position: relative; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1); background: #ffffff; }
Далее замените:
#category_view_type.grid_view #product_list .product_list_details_left h5 { padding: 12px 0 5px 0; font-size: 14px; font-weight: 400; }
на
#category_view_type.grid_view #product_list .product_list_details_left h5 { text-align: left; padding: 12px 5x 5px 5px; font-size: 14px; font-weight: 400; }
#7
Отправлено 05 Май 2016 - 11:06
Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных