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


Изображения Категорий


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

#1 Medvedev

Medvedev

    Новичок

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

Отправлено 19 Декабрь 2013 - 13:56

Здравствуйте. Ответьте пожалуйста как убрать рамку  в изображениях категорий. Как убрать название под изображением категорий. Как сделать, что изображения категорий были слитными, без промежутка.

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

  • 9999999999999.png


#2 @lina_va

@lina_va

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

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

Отправлено 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;
}


#3 Medvedev

Medvedev

    Новичок

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

Отправлено 19 Декабрь 2013 - 21:32

Спасибо. Скажите пожалуйста как менять расстояние между верхнем и нижем изображением.

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

  • 00000000000.png


#4 Vaccina

Vaccina

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

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

Отправлено 20 Декабрь 2013 - 04:47

В style.css найдите:
#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

#5 akronshtapov777

akronshtapov777

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

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

Отправлено 04 Май 2016 - 16:02

Добрый день. Помогите пожалуйста переделать меню Каталог.

Рисунок 1. Какое есть
Рисунок 2. Какое хочется

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

  • Hyundai logo.jpg
  • Hyundai logo.jpg


#6 MikDark

MikDark

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

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

Отправлено 04 Май 2016 - 19:32

Просмотр сообщенияakronshtapov777 (04 Май 2016 - 16:02) писал:

Добрый день. Помогите пожалуйста переделать меню Каталог.

Рисунок 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 akronshtapov777

akronshtapov777

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

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

Отправлено 05 Май 2016 - 11:06

Спасибо! :rolleyes:




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

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