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


Увеличить Размер Фото Товара При Отображении Таблицей


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

#41 yvn

yvn

    Продвинутый пользователь

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

Отправлено 04 Апрель 2014 - 21:03

1. Как можно "выбелить"  верх в полоске меню?
2. Сделать шрифт в меню полужирным.

3. Сделать тонкую серую рамку в 1px по внешнему контуру уже имеющейся рис. №2
4. Слово "руб" сделать меньше, а цифры оставить прежней величины.

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

  • 1.jpg
  • №2.jpg


#42 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Апрель 2014 - 03:39

1. В style.css найдите:
.nav {
	background: #627A9C;
	list-style: none outside none;
	position: relative;
	z-index: 30;
}
измените значение background
2.Найдите:
.nav a {
	color: #FFFFFF;
	padding: 8px 18px;
	text-transform: uppercase;
	z-index: 50;
}
замените на:
.nav a {
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px 18px;
	text-transform: uppercase;
	z-index: 50;
}
3.найдите:
.containers .items, .containers2 .items {
	display: inline-block;
	float: none !important;
	vertical-align: top;
	width: 280px !important;
}
замените на:
.containers .items, .containers2 .items {
	border: 1px solid #CCCCCC;
	display: inline-block;
	float: none !important;
	vertical-align: top;
	width: 280px !important;
}
4.найдите:
.price a span {
	color: #AD1D9F;
	font: 25px Arial Narrow;
}
замените на:
.price a span span:nth-child(1) {
	color: #AD1D9F;
	font: 25px Arial Narrow;
}
.price a span span {
	font: 20px Arial Narrow;
	color: #AD1D9F;
}


#43 yvn

yvn

    Продвинутый пользователь

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

Отправлено 06 Апрель 2014 - 20:46

Просмотр сообщенияVaccina (05 Апрель 2014 - 03:39) писал:

1. В style.css найдите:
.nav {
background: #627A9C;
list-style: none outside none;
position: relative;
z-index: 30;
}
измените значение background
2.Найдите:
.nav a {
color: #FFFFFF;
padding: 8px 18px;
text-transform: uppercase;
z-index: 50;
}
замените на:
.nav a {
color: #FFFFFF;
font-weight: bold;
padding: 8px 18px;
text-transform: uppercase;
z-index: 50;
}
3.найдите:
.containers .items, .containers2 .items {
display: inline-block;
float: none !important;
vertical-align: top;
width: 280px !important;
}
замените на:
.containers .items, .containers2 .items {
border: 1px solid #CCCCCC;
display: inline-block;
float: none !important;
vertical-align: top;
width: 280px !important;
}
4.найдите:
.price a span {
color: #AD1D9F;
font: 25px Arial Narrow;
}
замените на:
.price a span span:nth-child(1) {
color: #AD1D9F;
font: 25px Arial Narrow;
}
.price a span span {
font: 20px Arial Narrow;
color: #AD1D9F;
}

Здравствуйте. По вопросам 2, 3 и 4 все получилось, спасибо! А по первому вопросу я только сейчас узнал слово "градиент" )) нужно чтоб у полоски верх был светлей, или еще каким либо способом придать что то вроде рельефа.

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

  • Snap_2014.04.06_01h49m01s_002.jpg


#44 daria_dnk

daria_dnk

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

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

Отправлено 06 Апрель 2014 - 21:27

Добрый день! Если Вы имеете ввиду фон верхнего меню, тогда попробуйте в шаблоне main.css

строку
.head {width: 100%;font-size:16px;position: relative;font-family: Arial Narrow;}
заменить на
.head {width: 100%;font-size:16px;position: relative;font-family: Arial Narrow;background: linear-gradient(to top, #9C9C9C, #FFFFFF);}
Можете изменять начальный(нижний) цвет #9C9C9C, и верхний соответственно  #FFFFFF.

#45 yvn

yvn

    Продвинутый пользователь

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

Отправлено 11 Апрель 2014 - 10:38

Просмотр сообщенияdaria_dnk (06 Апрель 2014 - 21:27) писал:

Добрый день! Если Вы имеете ввиду фон верхнего меню, тогда попробуйте в шаблоне main.css

строку
.head {width: 100%;font-size:16px;position: relative;font-family: Arial Narrow;}
заменить на
.head {width: 100%;font-size:16px;position: relative;font-family: Arial Narrow;background: linear-gradient(to top, #9C9C9C, #FFFFFF);}
Можете изменять начальный(нижний) цвет #9C9C9C, и верхний соответственно  #FFFFFF.

Спасибо, получилось! А как тоже самое проделать с кнопкой "поиск" и с корзиной?

#46 yvn

yvn

    Продвинутый пользователь

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

Отправлено 11 Апрель 2014 - 10:47

1. Я сделал ширину сайта 978px. Подскажите пожалуйста как поменять фон с двух сторон?
2. Как отключить адаптивность сайта?

#47 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Апрель 2014 - 11:01

Просмотр сообщенияyvn (11 Апрель 2014 - 10:38) писал:

Спасибо, получилось! А как тоже самое проделать с кнопкой "поиск" и с корзиной?
Добрый день, что бы поменять фон найдите в HTML код
<a href="http://*.ru/cart">
замените
<a href="http://*.ru/cart" style="
background: linear-gradient(to top, #ffffff, #7c8b8d);
">
найдите
<input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
замените
<input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}"style="
background: linear-gradient(to top, #ffffff, #dbd8d8);
" />


#48 yvn

yvn

    Продвинутый пользователь

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

Отправлено 11 Апрель 2014 - 13:22

Просмотр сообщенияИрина345 (11 Апрель 2014 - 11:01) писал:

Добрый день, что бы поменять фон найдите в HTML код
<a href="http://cityton.ru/cart">
замените
<a href="http://cityton.ru/cart" style="
background: linear-gradient(to top, #ffffff, #7c8b8d);
">
найдите
<input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
замените
<input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}"style="
background: linear-gradient(to top, #ffffff, #dbd8d8);
" />

Поиск не находит первую предложенную вами строку ни в HTML ни в других разделах.

#49 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Апрель 2014 - 13:30

Просмотр сообщенияyvn (11 Апрель 2014 - 13:22) писал:

Поиск не находит первую предложенную вами строку ни в HTML ни в других разделах.
Найдите код
<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
					 <span>0</span>
замените
<a href="{CART_URL}"style="
background: linear-gradient(to top, #ffffff, #7c8b8d);
"><strong>{% IF cart_count_empty %}
					 <span>0</span>


#50 MikDark

MikDark

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

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

Отправлено 11 Апрель 2014 - 13:34

Просмотр сообщенияyvn (11 Апрель 2014 - 13:22) писал:

Поиск не находит первую предложенную вами строку ни в HTML ни в других разделах.

2) Если Вы отключите адаптивность, на устройствах с небольшим экраном сайт будет отображаться с полосами прокрутки. Если все же желаете это сделать, то в шаблоне style.css найдите и удалите код:
@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen  and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #fff;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}
section.global {height: auto;}
section.global ul {float: none; margin-bottom: 0.5em;}
section.global ul.user-info {position: relative; left: 0;}
a.more-items, a.power.middle, .card-action p.current {width: 50%;} ul.item-list .item-meta {margin: 0;}
.home section[role="main"] {clear: both;}
.facet-header a {clear: left; display: block; margin: 0.167em 0; padding-left: 0; float: none;}
.sort-list p {float: left; margin: 0;}
.amount {clear: both;float: none !important;}
.x-list {float: left;}
.item aside article header {padding: 1.5em;}
.basket td.item-image, .basket td.item-description {float: none;}
.message, .message.warning, message.holiday {background-image: none; padding-left: 3em;}
footer .networks .newsletter, footer .networks .newsletter form {display: block; float: none; margin-bottom: 1em;}
.networks li:nth-child(2) {margin-left: 0;}
section.newsletter {width: auto; text-align: left; padding: 1em; left: auto; height: auto; overflow: hidden;}
section.newsletter div {text-align: left; width: 100%; overflow: hidden;}
section.newsletter h3 {float: none; margin-bottom: 1em;}
section.newsletter:before, section.newsletter:after, .chevron:before, .chevron:after {display: none;}
.home .activity .chevron ul.gallery-strip {margin: 0;}
section.total div.actions p {float: none;position: absolute;width: 60%;left: 0;top: -0.5em;}
header p.short-note {text-align: left; margin: 0;}
.card-center {width: 44%;}
.item aside .share li, section.total .advice div {float: none; margin: 0 0 0.5em 0; width: auto;}
}
@media only screen and (max-width: 480px) {
body {background: #fff;}
section.global {height: auto; overflow: hidden}
section.global ul {float: none; margin-bottom: 0.5em;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] .hgroup h2 {font-size: 1.25em; margin-top: 1.5em;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
.ie8 header[role="banner"] form {margin-bottom: 2em;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}
.sections h1 {margin-left: 0px; width: 99.5%;}
input[type="submit"] {-webkit-appearance:none; -webkit-border-radius:0px;}
input[type="search"] {-moz-appearance:none; -webkit-appearance:none; -webkit-border-radius:0px;}
form[role="search"] div {width: 100%;}
.home section header a {display: block; margin: 0;}
footer section {width: 50%;}
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
footer section {width: 45%; margin: 0 5% 1em 0;}
footer section:nth-child(2n) {margin-right: 0;}
footer section:nth-child(5) {clear: both; width: 100%; border-top: 1px solid #7c8b8d; padding-top: 2em; margin-top: 1em;}
footer ul.networks {text-align: left;}
footer ul.networks li:nth-child(3) {margin-left: 0;}
footer ul.networks li {float: left; margin-bottom: 0.5em;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}
table td div.item-image {float: left; margin: 0;}
}
@media only screen and (max-width: 700px) {
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}
}


#51 yvn

yvn

    Продвинутый пользователь

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

Отправлено 11 Апрель 2014 - 16:11

Просмотр сообщенияИрина345 (11 Апрель 2014 - 13:30) писал:

Найдите код
<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
					 <span>0</span>
замените
<a href="{CART_URL}"style="
background: linear-gradient(to top, #ffffff, #7c8b8d);
"><strong>{% IF cart_count_empty %}
					 <span>0</span>

Спасибо, теперь получилось.

#52 yvn

yvn

    Продвинутый пользователь

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

Отправлено 11 Апрель 2014 - 16:25

Просмотр сообщенияMikDark (11 Апрель 2014 - 13:34) писал:

2) Если Вы отключите адаптивность, на устройствах с небольшим экраном сайт будет отображаться с полосами прокрутки. Если все же желаете это сделать, то в шаблоне style.css найдите и удалите код:
@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #fff;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}
section.global {height: auto;}
section.global ul {float: none; margin-bottom: 0.5em;}
section.global ul.user-info {position: relative; left: 0;}
a.more-items, a.power.middle, .card-action p.current {width: 50%;} ul.item-list .item-meta {margin: 0;}
.home section[role="main"] {clear: both;}
.facet-header a {clear: left; display: block; margin: 0.167em 0; padding-left: 0; float: none;}
.sort-list p {float: left; margin: 0;}
.amount {clear: both;float: none !important;}
.x-list {float: left;}
.item aside article header {padding: 1.5em;}
.basket td.item-image, .basket td.item-description {float: none;}
.message, .message.warning, message.holiday {background-image: none; padding-left: 3em;}
footer .networks .newsletter, footer .networks .newsletter form {display: block; float: none; margin-bottom: 1em;}
.networks li:nth-child(2) {margin-left: 0;}
section.newsletter {width: auto; text-align: left; padding: 1em; left: auto; height: auto; overflow: hidden;}
section.newsletter div {text-align: left; width: 100%; overflow: hidden;}
section.newsletter h3 {float: none; margin-bottom: 1em;}
section.newsletter:before, section.newsletter:after, .chevron:before, .chevron:after {display: none;}
.home .activity .chevron ul.gallery-strip {margin: 0;}
section.total div.actions p {float: none;position: absolute;width: 60%;left: 0;top: -0.5em;}
header p.short-note {text-align: left; margin: 0;}
.card-center {width: 44%;}
.item aside .share li, section.total .advice div {float: none; margin: 0 0 0.5em 0; width: auto;}
}
@media only screen and (max-width: 480px) {
body {background: #fff;}
section.global {height: auto; overflow: hidden}
section.global ul {float: none; margin-bottom: 0.5em;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] .hgroup h2 {font-size: 1.25em; margin-top: 1.5em;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
.ie8 header[role="banner"] form {margin-bottom: 2em;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}
.sections h1 {margin-left: 0px; width: 99.5%;}
input[type="submit"] {-webkit-appearance:none; -webkit-border-radius:0px;}
input[type="search"] {-moz-appearance:none; -webkit-appearance:none; -webkit-border-radius:0px;}
form[role="search"] div {width: 100%;}
.home section header a {display: block; margin: 0;}
footer section {width: 50%;}
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
footer section {width: 45%; margin: 0 5% 1em 0;}
footer section:nth-child(2n) {margin-right: 0;}
footer section:nth-child(5) {clear: both; width: 100%; border-top: 1px solid #7c8b8d; padding-top: 2em; margin-top: 1em;}
footer ul.networks {text-align: left;}
footer ul.networks li:nth-child(3) {margin-left: 0;}
footer ul.networks li {float: left; margin-bottom: 0.5em;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}
table td div.item-image {float: left; margin: 0;}
}
@media only screen and (max-width: 700px) {
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}
}

Не помогло, при уменьшении окна, масштабирование осталось, но на данный момент вопрос уже не актуален.

#53 yvn

yvn

    Продвинутый пользователь

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

Отправлено 14 Апрель 2014 - 19:53

Здравствуйте.

Нужно вообще убрать с сайта вид отображении товара списком, а так же убрать кнопки переключения таблица/список.

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

  • фф.jpg


#54 yvn

yvn

    Продвинутый пользователь

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

Отправлено 14 Апрель 2014 - 21:58

Пожалуйста подскажите как закруглить углы (4px) в всплывающем меню и поменять цвет треугольников?

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

  • 8.jpg


#55 daria_dnk

daria_dnk

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

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

Отправлено 14 Апрель 2014 - 22:31

Просмотр сообщенияyvn (14 Апрель 2014 - 21:58) писал:

Пожалуйста подскажите как закруглить углы (4px) в всплывающем меню и поменять цвет треугольников?
Здравствуйте!
Цвет треугольников Вы можете изменить, изменив цвет картинки downArrow.png (найдите ее в бэк-офисе в файлах, загрузите к себе на компьютер, поменяйте цвет и замените в бэк-офисе изображение на новое)

Для закругления углов в шаблоне style.css найдите код
 
.nav li li a {display:block;background: #c8e0f7;top: 0px;color:#000;width: 130px;}
и замените на
 
.nav li li a {border-top: 10;display:block;background: #c8e0f7;margin-bottom: -4px;color:#000;width: 130px; border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}


#56 yvn

yvn

    Продвинутый пользователь

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

Отправлено 15 Апрель 2014 - 11:50

Просмотр сообщенияdaria_dnk (14 Апрель 2014 - 22:31) писал:

Здравствуйте!
Цвет треугольников Вы можете изменить, изменив цвет картинки downArrow.png (найдите ее в бэк-офисе в файлах, загрузите к себе на компьютер, поменяйте цвет и замените в бэк-офисе изображение на новое)

Для закругления углов в шаблоне style.css найдите код
.nav li li a {display:block;background: #c8e0f7;top: 0px;color:#000;width: 130px;}
и замените на
.nav li li a {border-top: 10;display:block;background: #c8e0f7;margin-bottom: -4px;color:#000;width: 130px; border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}

Левый угол остался прямым. Так же буду рад получить ответ на вопрос #53

#57 empty9228

empty9228

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

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

Отправлено 15 Апрель 2014 - 12:19

Здравствуйте, найдите в файле main.css код

.view-switch {float: right;}
замените его на
.view-switch {float: right;display: none;}


#58 yvn

yvn

    Продвинутый пользователь

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

Отправлено 15 Апрель 2014 - 13:24

Просмотр сообщенияempty9228 (15 Апрель 2014 - 12:19) писал:

Здравствуйте, найдите в файле main.css код

.view-switch {float: right;}
замените его на
.view-switch {float: right;display: none;}

Спасибо!

Как уменьшить расстояние между строками?

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

  • 123.jpg


#59 empty9228

empty9228

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

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

Отправлено 15 Апрель 2014 - 14:35

Для этого в файле main.css найдите код

.rating {margin-bottom: 1em;margin-top: 1em;}
замените его на
.rating {margin-bottom: 3px;margin-top: 4px;}

найдите сайт
.price {font-size: 16px; color: #000; margin: 10px;}
замените его на
.price {font-size: 16px; color: #000; margin: 10px;height: 22px;}


#60 yvn

yvn

    Продвинутый пользователь

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

Отправлено 17 Апрель 2014 - 21:37

Просмотр сообщенияempty9228 (15 Апрель 2014 - 14:35) писал:

Для этого в файле main.css найдите код

.rating {margin-bottom: 1em;margin-top: 1em;}
замените его на
.rating {margin-bottom: 3px;margin-top: 4px;}

найдите сайт
.price {font-size: 16px; color: #000; margin: 10px;}
замените его на
.price {font-size: 16px; color: #000; margin: 10px;height: 22px;}

Спасибо!

Еще пожалуйста:
1. Заходя в карточку товара, нужно чтоб сразу были открыты характеристики, а не отзывы.
2. Перенести название главной страницы под нижнее меню.

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

  • 1.jpg
  • 2.jpg





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

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