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


Уменьшить Размер Слайдера


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

#1 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 15 Февраль 2017 - 16:47

Добрый День! Подскажите как уменьшить размер слайдера и поместить его под шапку как показано на скрине...

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

  • 2017-02-14_17-46-35.png


#2 Mr.Nito

Mr.Nito

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

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

Отправлено 18 Февраль 2017 - 23:42

Просмотр сообщенияЕвгений7777 (15 Февраль 2017 - 16:47) писал:

Добрый День! Подскажите как уменьшить размер слайдера и поместить его под шапку как показано на скрине...
В файле main.css замените
.home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}
на
.home #header{height: auto;text-align: left;position: static;margin:0!important;background: none;z-index: 1000;left: 50%;margin-left: -600px;}
В шаблоне HTML замените
	 <!-- Главная страница -->
	 {% IF index_page %}
	 <div class="fluid-container">
на

	 <!-- Главная страница -->
	 {% IF index_page %}
	 <div class="container">


#3 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 19 Февраль 2017 - 00:27

Все получилось!!! ;) СПАСИБО

#4 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 20 Февраль 2017 - 11:51

Добрый День!
1.Подскажите как можно увеличить размер шрифта КАТОЛОГ и пункты каталога
2.Убрать полосу(оплата-доставка-поддержка-гарантии)
3.Сузить полосу (лого,тел.,режим работы)

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

  • 2017-02-20_11-40-15.png
  • 2017-02-20_11-42-05.png


#5 RayLi

RayLi

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

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

Отправлено 20 Февраль 2017 - 11:56

Просмотр сообщенияЕвгений7777 (20 Февраль 2017 - 11:51) писал:

Добрый День!
1.Подскажите как можно увеличить размер шрифта КАТОЛОГ и пункты каталога
2.Убрать полосу(оплата-доставка-поддержка-гарантии)
3.Сузить полосу (лого,тел.,режим работы)

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

.accordion a {
	text-decoration: none;
	border-bottom: 1px solid #eeece7;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 10px 8px 20px;
	display: block;
	cursor: pointer;
}

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

.accordion a {
	text-decoration: none;
	border-bottom: 1px solid #eeece7;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 10px 8px 20px;
	display: block;
	cursor: pointer;
}


2. Далее в том же шаблоне найдите, пожалуйста, следующий код:

.promo_block {
	top: -55px !important;
}

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

.promo_block {
	top: -55px !important;
	display: none;
}


3. После чего там же найдите, пожалуйста, данный код:

.logo {
	margin-top: 0;
	text-align: center;
	width: 270px;
	float: left;
	display: block;
	padding: 20px;
	background: none repeat scroll 0 0;
}

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

.logo {
	margin-top: 0;
	text-align: center;
	width: 270px;
	float: left;
	display: block;
	padding: 10px;
	background: none repeat scroll 0 0;
}


#6 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 20 Февраль 2017 - 12:37

Все отлично,получилось :)
А как мне опустить все под слайд

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

  • 2017-02-20_12-32-09.png


#7 RayLi

RayLi

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

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

Отправлено 20 Февраль 2017 - 12:51

Просмотр сообщенияЕвгений7777 (20 Февраль 2017 - 12:37) писал:

Все отлично,получилось :)
А как мне опустить все под слайд

Для этого вам необходимо в шаблоне main.css найти данный код:

.promo_block + .contentText {
	top: -55px !important;
}

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

.promo_block + .contentText {
	top: 0px !important;
}


#8 SL-418417

SL-418417

    Пользователь

  • Пользователи
  • PipPip
  • 32 сообщений
  • ГородСанкт-Петербург

Отправлено 20 Февраль 2017 - 12:58

Огромное человеческое СПАСИБО!!!

#9 Рустем

Рустем

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 25 Ноябрь 2017 - 19:29

Здравствуйте можете мне помочь поменять дизайн я отметил на фото что нужно поменять

1) надо расширить до краев страницы
2) можно уменьшить слайд до выделенного размера
3) надо спустить этот блок под слайд

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

  • ывапрр.png


#10 RayLi

RayLi

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

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

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

Просмотр сообщенияРустем (25 Ноябрь 2017 - 19:29) писал:

Здравствуйте можете мне помочь поменять дизайн я отметил на фото что нужно поменять

1) надо расширить до краев страницы
2) можно уменьшить слайд до выделенного размера
3) надо спустить этот блок под слайд

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

.home #header {
	height: auto;
	text-align: left;
	position: absolute;
	background: none;
	z-index: 1000;
	left: 50%;
	margin-left: -600px;
}

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

.home #header {
	height: auto;
	text-align: left;
	background: none;
	z-index: 1000;
	position: relative;
}


3) Далее там же найдите, пожалуйста, следующий код:

.promo_block {
	background: #000;
	top: -55px !important;
}

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

.promo_block {
	background: #000;
}


#11 Рустем

Рустем

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 26 Ноябрь 2017 - 22:44

у меня нету  шаблоне main.css

#12 RayLi

RayLi

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

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

Отправлено 27 Ноябрь 2017 - 09:52

Просмотр сообщенияРустем (26 Ноябрь 2017 - 22:44) писал:

у меня нету  шаблоне main.css

Здравствуйте.
К сожалению произошла неточность и изменения Вам необходимо произвести в шаблоне style.css .

#13 Рустем

Рустем

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 27 Ноябрь 2017 - 14:44

Просмотр сообщенияRayLi (26 Ноябрь 2017 - 10:03) писал:

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

.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -600px;
}

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

.home #header {
height: auto;
text-align: left;
background: none;
z-index: 1000;
position: relative;
}


3) Далее там же найдите, пожалуйста, следующий код:

.promo_block {
background: #000;
top: -55px !important;
}

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

.promo_block {
background: #000;
}

у меня в шаблоне style.css нет такого кода

#14 RayLi

RayLi

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

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

Отправлено 27 Ноябрь 2017 - 15:06

Просмотр сообщенияРустем (27 Ноябрь 2017 - 14:44) писал:

у меня в шаблоне style.css нет такого кода

Первый требуемый Вам код данного типа:

.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -600px;
}

Находится в шаблоне style.css на 273-й строке.
Второй же код вида:

.promo_block {
background: #000;
top: -55px !important;
}
Находится в шаблоне style.css на 183-й строке .
Проверьте, пожалуйста.




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

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