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


Передвинуть Цену


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

#1 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 26 Ноябрь 2015 - 16:52

Добрый вечер
Хочется сделать цену по середине в недавно просмотренных товарах
У меня получается только передвинуть цену везде, а надо только там
Заранее спасибо :rolleyes:

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

  • 2333.jpg


#2 MikDark

MikDark

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

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

Отправлено 26 Ноябрь 2015 - 16:56

Просмотр сообщенияTrend78 (26 Ноябрь 2015 - 16:52) писал:

Добрый вечер
Хочется сделать цену по середине в недавно просмотренных товарах
У меня получается только передвинуть цену везде, а надо только там
Заранее спасибо :rolleyes:

В шаблон main.css попробуйте добавить код:
.recentlyContent .cost li {
	text-align: center;
}


#3 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 26 Ноябрь 2015 - 17:08

Просмотр сообщенияMikDark (26 Ноябрь 2015 - 16:56) писал:

В шаблон main.css попробуйте добавить код:
.recentlyContent .cost li {
text-align: center;
}
Спасибо! А куда вставить эти строчки, что бы это было только на мобильной версии?

#4 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 26 Ноябрь 2015 - 17:21

Просмотр сообщенияTrend78 (26 Ноябрь 2015 - 17:08) писал:

Спасибо! А куда вставить эти строчки, что бы это было только на мобильной версии?

Здравствуйте.
В зависимости от разрешения вы можете установить под различные разрешения экранов.
Например вы можете найти в шаблоне main.css данный код, вставив в который нужные вам строки - они будут отображаться на разрешение экрана не превышающем 750 px в ширину:

@media screen and (max-width: 750px) {
  .logoblock-left {
		display: inline-block;
		width: 100%!important
	}

И заменить его вот этим вот кодом:

@media screen and (max-width: 750px) {
  .recentlyContent .cost li {
		text-align: center;
	}
  .logoblock-left {
		display: inline-block;
		width: 100%!important
	}

Проверьте, пожалуйста.

#5 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 26 Ноябрь 2015 - 20:42

Просмотр сообщенияRayLi (26 Ноябрь 2015 - 17:21) писал:

Здравствуйте.
В зависимости от разрешения вы можете установить под различные разрешения экранов.
Например вы можете найти в шаблоне main.css данный код, вставив в который нужные вам строки - они будут отображаться на разрешение экрана не превышающем 750 px в ширину:

@media screen and (max-width: 750px) {
.logoblock-left {
	 display: inline-block;
	 width: 100%!important
}

И заменить его вот этим вот кодом:

@media screen and (max-width: 750px) {
.recentlyContent .cost li {
	 text-align: center;
}
.logoblock-left {
	 display: inline-block;
	 width: 100%!important
}

Проверьте, пожалуйста.
Под все разрешения вставлял
  .recentlyContent .cost li {
	 padding-left:0px;
	  margin-bottom:0px;
text-align:center;
	 
}
 
не помогает
но стоит только в конце заменить
  .recentlyContent .cost li {
	 padding-left:35px;
	  margin-bottom:3px;
	 
}
 

на код выше, на мобильной всё становится ок, но на пк смещается вправо

#6 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 26 Ноябрь 2015 - 20:53

Просмотр сообщенияTrend78 (26 Ноябрь 2015 - 20:42) писал:

Под все разрешения вставлял
.recentlyContent .cost li {
	 padding-left:0px;
	 margin-bottom:0px;
text-align:center;
	
}

не помогает
но стоит только в конце заменить
.recentlyContent .cost li {
	 padding-left:35px;
	 margin-bottom:3px;
	
}


на код выше, на мобильной всё становится ок, но на пк смещается вправо

Тогда попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.recentlyContent .cost li {
	padding-left: 35px;
	margin-bottom: 3px;
}

И замените его вот этим вот кодом:

.recentlyContent .cost li {
	margin-bottom: 3px;
	text-align: center;
	width: 100px;
}


#7 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 26 Ноябрь 2015 - 21:10

Просмотр сообщенияRayLi (26 Ноябрь 2015 - 20:53) писал:

Тогда попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.recentlyContent .cost li {
padding-left: 35px;
margin-bottom: 3px;
}

И замените его вот этим вот кодом:

.recentlyContent .cost li {
margin-bottom: 3px;
text-align: center;
width: 100px;
}
Не помогает)
На пк всё ровно, на мобильной цена по левому краю
если ставить width:150px; - на мобильной всё ок, на пк цена справа

#8 Vaccina

Vaccina

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

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

Отправлено 27 Ноябрь 2015 - 01:36

В main.css после:
@media screen and (max-width: 370px) {

вставьте:
.recentlyContent .cost li {
margin-bottom:0  !important;
text-align: center  !important;
padding:0  !important;
width: 150px !important;
}


#9 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 27 Ноябрь 2015 - 01:59

Просмотр сообщенияVaccina (27 Ноябрь 2015 - 01:36) писал:

В main.css после:
@media screen and (max-width: 370px) {

вставьте:
.recentlyContent .cost li {
margin-bottom:0 !important;
text-align: center !important;
padding:0 !important;
width: 150px !important;
}
Спасибо) Как всегда лучшая)




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

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