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


Как Изменить Цвет И Размер Шрифта


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

#1 Bator

Bator

    Новичок

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

Отправлено 30 Июль 2018 - 17:20

Здравствуйте! Мой Аккаунт SL-455743

1) Как изменить цвет: http://prntscr.com/kcth9u
2) Как уменьшить размер шрифта: http://prntscr.com/kcthy4

#2 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 31 Июль 2018 - 13:05

Просмотр сообщенияBator (30 Июль 2018 - 17:20) писал:

Здравствуйте! Мой Аккаунт SL-455743

1) Как изменить цвет: http://prntscr.com/kcth9u
2) Как уменьшить размер шрифта: http://prntscr.com/kcthy4
1) Используйте инспектор браузера, чтобы найти нужные элементы
https://forum.storel...нужно-производ/

Для изменения общего цвета
зайдите в Редактор шаблонов--->main.css и нажмите  два раза CTRL+F5 и код #272727 замените на свой код нажав кнопку All. Код цвета можно подобрать на этом ресурсе.

2) main.css

.header-bottom .contact {
color: #fff;
}
замените на
.header-bottom .contact {
	 color: #fff;
	 font-size: 13px;
}

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

  • image.png


#3 Bator

Bator

    Новичок

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

Отправлено 01 Август 2018 - 10:23

Здравствуйте! Аккаунт SL-455743

Можете сузить слайдер снизу вверх, чтоб на экране под ним была расположена лента с товаром во весь рост, без обрезания

#4 RayLi

RayLi

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

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

Отправлено 01 Август 2018 - 14:34

Просмотр сообщенияBator (01 Август 2018 - 10:23) писал:

Здравствуйте! Аккаунт SL-455743

Можете сузить слайдер снизу вверх, чтоб на экране под ним была расположена лента с товаром во весь рост, без обрезания

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

#slider.owl-carousel .owl-item img {
	width: 100%;
}

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

#slider.owl-carousel .owl-item img {
	width: 100%;
	height: 200px;
}


После чего там же найдите, пожалуйста, следующий блок кода:

#slider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 1;
}

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

#slider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	height: 200px;
	overflow: hidden;
	z-index: 1;
}





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

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