0
Передвинуть Цену
Автор Trend78, 26 нояб. 2015 16:52
Сообщений в теме: 8
#1
Отправлено 26 Ноябрь 2015 - 16:52
Добрый вечер
Хочется сделать цену по середине в недавно просмотренных товарах
У меня получается только передвинуть цену везде, а надо только там
Заранее спасибо
Хочется сделать цену по середине в недавно просмотренных товарах
У меня получается только передвинуть цену везде, а надо только там
Заранее спасибо
#2
Отправлено 26 Ноябрь 2015 - 16:56
Trend78 (26 Ноябрь 2015 - 16:52) писал:
Добрый вечер
Хочется сделать цену по середине в недавно просмотренных товарах
У меня получается только передвинуть цену везде, а надо только там
Заранее спасибо
Хочется сделать цену по середине в недавно просмотренных товарах
У меня получается только передвинуть цену везде, а надо только там
Заранее спасибо
В шаблон main.css попробуйте добавить код:
.recentlyContent .cost li { text-align: center; }
#4
Отправлено 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
Отправлено 26 Ноябрь 2015 - 20:42
RayLi (26 Ноябрь 2015 - 17:21) писал:
Здравствуйте.
В зависимости от разрешения вы можете установить под различные разрешения экранов.
Например вы можете найти в шаблоне main.css данный код, вставив в который нужные вам строки - они будут отображаться на разрешение экрана не превышающем 750 px в ширину:
И заменить его вот этим вот кодом:
Проверьте, пожалуйста.
В зависимости от разрешения вы можете установить под различные разрешения экранов.
Например вы можете найти в шаблоне 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
Отправлено 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
Отправлено 26 Ноябрь 2015 - 21:10
RayLi (26 Ноябрь 2015 - 20:53) писал:
Тогда попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:
И замените его вот этим вот кодом:
В шаблоне 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
Отправлено 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
Отправлено 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 анонимных