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


Изменение Шапки И Цвета Шрифта На Главной

шапкасоц.сети шрифт

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

#1 Татьяна Е

Татьяна Е

    Новичок

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

Отправлено 04 Март 2018 - 21:41

Здравствуйте!
Помогите, пожалуйста сделать следующие изменения:
1. Временно скрыть кнопки соц.сетей с возможностью включения.
2. Перенести телефон с иконкой на место поиска.
3. Поиск перенести к логотипу влево, на уровне с телефоном
4. Добавить текстовое поле, чтобы потом самостоятельно корректировать текст
5. Цвет шрифта сделать черным. И подскажите, пожалуйста, где менять цвет, чтобы самостоятельно это делать.

Прикрепила файл
Спасибо!

аккаунт SL-445219

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

  • 7zVAX55hdR4.jpg


#2 RayLi

RayLi

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

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

Отправлено 14 Март 2018 - 13:45

Просмотр сообщенияТатьяна Е (04 Март 2018 - 21:41) писал:

Здравствуйте!
Помогите, пожалуйста сделать следующие изменения:
1. Временно скрыть кнопки соц.сетей с возможностью включения.
2. Перенести телефон с иконкой на место поиска.
3. Поиск перенести к логотипу влево, на уровне с телефоном
4. Добавить текстовое поле, чтобы потом самостоятельно корректировать текст
5. Цвет шрифта сделать черным. И подскажите, пожалуйста, где менять цвет, чтобы самостоятельно это делать.

Прикрепила файл
Спасибо!

аккаунт SL-445219

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

#header .header-right .header-right-inner .connect-us {
	list-style: none;
	float: left;
	margin: 0 0 10px 25px;
	padding: 0;
}

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

#header .header-right .header-right-inner .connect-us {
	list-style: none;
	float: left;
	margin: 0 0 10px 25px;
	display: none;
	padding: 0;
}


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

#header-top .topheader-right .sns-quickaccess ul.links {
	list-style: none;
	margin: 0 0;
	padding: 0 0;
	float: left;
	height: 36px;
	overflow: hidden;
}

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

#header-top .topheader-right .sns-quickaccess ul.links {
	list-style: none;
	margin: 0 0;
	padding: 0 0;
	float: left;
	font-weight: bold;
	height: 36px;
	overflow: hidden;
}


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

#header .header-right .header-right-inner {
	float: right;
}

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

#header .header-right .header-right-inner {
	float: left;
}


Чтобы сменить цвет шрифта, Вам нужно там же найти следующий код:

a {
	color: #909090;
	text-decoration: none;
	cursor: pointer;
}

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

a {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}


#3 Татьяна Е

Татьяна Е

    Новичок

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

Отправлено 15 Март 2018 - 18:50

1.png

Спасибо за ответ! Все сделала.
теперь нужно сделать
1. переместить блок с телефоном на место "поиска"
2. поиск по магазину передвинуть левее к логотипу
3. добавить текстовое поле, чтобы потом самостоятельно корректировать текст

аккаунт SL-445219

#4 Татьяна Е

Татьяна Е

    Новичок

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

Отправлено 17 Март 2018 - 18:45

Просмотр сообщенияRayLi (14 Март 2018 - 13:45) писал:

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

#header .header-right .header-right-inner .connect-us {
list-style: none;
float: left;
margin: 0 0 10px 25px;
padding: 0;
}

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

#header .header-right .header-right-inner .connect-us {
list-style: none;
float: left;
margin: 0 0 10px 25px;
display: none;
padding: 0;
}


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

#header-top .topheader-right .sns-quickaccess ul.links {
list-style: none;
margin: 0 0;
padding: 0 0;
float: left;
height: 36px;
overflow: hidden;
}

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

#header-top .topheader-right .sns-quickaccess ul.links {
list-style: none;
margin: 0 0;
padding: 0 0;
float: left;
font-weight: bold;
height: 36px;
overflow: hidden;
}


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

#header .header-right .header-right-inner {
float: right;
}

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

#header .header-right .header-right-inner {
float: left;
}


Чтобы сменить цвет шрифта, Вам нужно там же найти следующий код:

a {
color: #909090;
text-decoration: none;
cursor: pointer;
}

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

a {
color: #000000;
text-decoration: none;
cursor: pointer;
}


Спасибо за ответ! Все сделала.
теперь нужно сделать
1. переместить блок с телефоном на место "поиска"
2. поиск по магазину передвинуть левее к логотипу
3. добавить текстовое поле, чтобы потом самостоятельно корректировать текст

аккаунт SL-445219

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

  • 1.png






Темы с аналогичным тегами шапкасоц.сети, шрифт

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

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