0
Уменьшить Растояние
Автор Ser, 19 апр. 2014 11:07
Сообщений в теме: 6
#1
Отправлено 19 Апрель 2014 - 11:07
Добрый день. Подскажите пару моментов.
1. Приподнять блок товаров к Наименованию "Новинки" (Избранные) на главной, (уменьшить расстояние).
2. Как сделать закругления углов на всех рамках фотографий товара.
3. Подскажите где код цвета рамки?
1. Приподнять блок товаров к Наименованию "Новинки" (Избранные) на главной, (уменьшить расстояние).
2. Как сделать закругления углов на всех рамках фотографий товара.
3. Подскажите где код цвета рамки?
#2
Отправлено 19 Апрель 2014 - 15:39
Ser (19 Апрель 2014 - 11:07) писал:
Добрый день. Подскажите пару моментов.
1. Приподнять блок товаров к Наименованию "Новинки" (Избранные) на главной, (уменьшить расстояние).
2. Как сделать закругления углов на всех рамках фотографий товара.
3. Подскажите где код цвета рамки?
1. Приподнять блок товаров к Наименованию "Новинки" (Избранные) на главной, (уменьшить расстояние).
2. Как сделать закругления углов на всех рамках фотографий товара.
3. Подскажите где код цвета рамки?
Чтобы уменьшить указанный отступ, в шаблоне main.css в коде
#content .box .box-content {margin-top: 50px; border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}удалите
margin-top: 50px;т.е. получится такая строка
#content .box .box-content {border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}этот удаленный margin-top был для того, видимо, чтобы описание категории не налазило на спойлер. Но лучше это сделать так:
в шаблоне "Товары" замените
<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;" >на
<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer; height: 50px;" >
Чтобы сделать закругления уголков у карточек товаров, в шаблоне main.css замените
.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}на
.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
И в этом же коде прописан цвет фона для карточек товаров
background-color:#ffffffно если его изменить, он также поменяется и у "недавно просмотренных товаров".
Это устроит, или лучше поменять цвет фона только у товаров на главной и в каталоге?
#3
Отправлено 19 Апрель 2014 - 21:04
sengun (19 Апрель 2014 - 15:39) писал:
Здравствуйте.
Чтобы уменьшить указанный отступ, в шаблоне main.css в коде
в шаблоне "Товары" замените
Чтобы сделать закругления уголков у карточек товаров, в шаблоне main.css замените
И в этом же коде прописан цвет фона для карточек товаров
Это устроит, или лучше поменять цвет фона только у товаров на главной и в каталоге?
Чтобы уменьшить указанный отступ, в шаблоне main.css в коде
#content .box .box-content {margin-top: 50px; border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}удалите
margin-top: 50px;т.е. получится такая строка
#content .box .box-content {border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#fddbd5;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}этот удаленный margin-top был для того, видимо, чтобы описание категории не налазило на спойлер. Но лучше это сделать так:
в шаблоне "Товары" замените
<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer;" >на
<div onclick="$('#spoiler1').toggle(); return(false);" style="cursor: pointer; height: 50px;" >
Чтобы сделать закругления уголков у карточек товаров, в шаблоне main.css замените
.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}на
.prod_hold, .prod_hold_recent {display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
И в этом же коде прописан цвет фона для карточек товаров
background-color:#ffffffно если его изменить, он также поменяется и у "недавно просмотренных товаров".
Это устроит, или лучше поменять цвет фона только у товаров на главной и в каталоге?
Спасибо.
Только мне не закругление углов надо, а обрезать угол с как 1/4 круга на рис нарисовано, получится?
С цветом понял, оставлю белым.
#5
Отправлено 25 Апрель 2014 - 07:58
Добрый день.
Подскажите где находиться код
1. Изменить размер шрифта отображения пути Главная - каталог -каталог-товар?
2. Название каталога большого убрать (скрыть)
3. Уменьшить размер этого блока в ширину.
Подскажите где находиться код
1. Изменить размер шрифта отображения пути Главная - каталог -каталог-товар?
2. Название каталога большого убрать (скрыть)
3. Уменьшить размер этого блока в ширину.
Сообщение отредактировал Ser: 25 Апрель 2014 - 07:59
#6
Отправлено 25 Апрель 2014 - 10:28
Ser (25 Апрель 2014 - 07:58) писал:
Добрый день.
Подскажите где находиться код
1. Изменить размер шрифта отображения пути Главная - каталог -каталог-товар?
2. Название каталога большого убрать (скрыть)
3. Уменьшить размер этого блока в ширину.
Подскажите где находиться код
1. Изменить размер шрифта отображения пути Главная - каталог -каталог-товар?
2. Название каталога большого убрать (скрыть)
3. Уменьшить размер этого блока в ширину.
1. найдите в main.css код
.breadcrumb {color: #777777;margin-bottom: 5px;font-size:10px;} .breadcrumb a {color: #999999;font-size:10px;}меняя значение font-size:10px; Вы можете редактировать размер шрифта
2.в HTML найдите строчку
<h1 class="heading_title" itemprop="name">замените
<h1 class="heading_title" itemprop="name" style=" display: none; ">3. найдите в main.css код
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#ffffff;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; } /*фон под Главная » Каталог » Постельное белье по виду ткани » Жаккард*/редактируя вот это свойство padding:13px 0 15px 0; вы можете менять ширину
#7
Отправлено 26 Апрель 2014 - 10:40
Ирина345 (25 Апрель 2014 - 10:28) писал:
Добрый день.
1. найдите в main.css код
2.в HTML найдите строчку
1. найдите в main.css код
.breadcrumb {color: #777777;margin-bottom: 5px;font-size:10px;} .breadcrumb a {color: #999999;font-size:10px;}меняя значение font-size:10px; Вы можете редактировать размер шрифта
2.в HTML найдите строчку
<h1 class="heading_title" itemprop="name">замените
<h1 class="heading_title" itemprop="name" style=" display: none; ">3. найдите в main.css код
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;background-color:#ffffff;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both; } /*фон под Главная » Каталог » Постельное белье по виду ткани » Жаккард*/редактируя вот это свойство padding:13px 0 15px 0; вы можете менять ширину
Спасибо все получилось
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных