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


Изменения Цветовой Гаммы Сайта + Мелкие Правки

цвет

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

#1 5034317

5034317

    Новичок

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

Отправлено 22 Декабрь 2016 - 13:25

Доброго времени суток!
Меня зовут Артём, прошу помочь с изменениями по сайту.
SL-403745
1. Как изменить цвет фона? Или картинку - бэкграунд?
2. Как изменить цвет значков и текста?
3. Опять цвет фона, как изменить?
4. Изменить цвет текста?
5. Снова фон?
6. Снова цвет текста?
7. Как убрать значок личного кабинета из этого места?
Спасибо заранее!

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

  • Вопросы.jpg


#2 RayLi

RayLi

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

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

Отправлено 22 Декабрь 2016 - 14:45

Просмотр сообщения5034317 (22 Декабрь 2016 - 13:25) писал:

Доброго времени суток!
Меня зовут Артём, прошу помочь с изменениями по сайту.
SL-403745
1. Как изменить цвет фона? Или картинку - бэкграунд?
2. Как изменить цвет значков и текста?
3. Опять цвет фона, как изменить?
4. Изменить цвет текста?
5. Снова фон?
6. Снова цвет текста?
7. Как убрать значок личного кабинета из этого места?
Спасибо заранее!

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

#header {
	position: relative;
	background-color: #2e2f33;
}

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

#header {
	position: relative;
	background-color: #d5d5d5;
}


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

.info-list .info-item a {
	color: #aaa;
}

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

.info-list .info-item a {
	color: #373737;
}


3, 4. Теперь снова в том же шаблоне найдите, пожалуйста, данный код:

.header-top {
	position: relative;
	background: #494949;
	color: #929596;
	height: 40px;
}

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

.header-top {
	position: relative;
	background: #f5f5f5;
	color: #6c6c6c;
	height: 40px;
}


6. Теперь в том же шаблоне main.css найдите, пожалуйста, данный код:


#custommenu .mainnav > li > a {
	display: block;
	color: #fff;
	line-height: 40px;
	padding: 0 22px 0 0;
	margin-right: 22px;
	font-family: "agency", 'PT Sans Narrow', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

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

#custommenu .mainnav > li > a {
	display: block;
	color: #4b4b4b;
	line-height: 40px;
	padding: 0 22px 0 0;
	margin-right: 22px;
	font-family: "agency", 'PT Sans Narrow', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}


7. Далее найдите следующий код:

.block-user .user-title i {
	font-size: 18px;
	margin-right: 5px;
	display: none;
}

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

.block-user .user-title i {
	font-size: 18px;
	margin-right: 5px;
}


#3 5034317

5034317

    Новичок

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

Отправлено 22 Декабрь 2016 - 16:41

Спаибо!
Однако в последнем шаге у меня в шаблоне изначально стоит второй вариант, при изменении одного на другое значок ЛК не пропадает =(

Цитата

7. Далее найдите следующий код:


.block-user .user-title i {
font-size: 18px;
margin-right: 5px;
display: none;
}

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

.block-user .user-title i {
font-size: 18px;
margin-right: 5px;
}

Также не могли бы вы подсказать как удалить также поле "телефон" полностью вместе с телефоном рядом со значком "ЛК". Хочу телефоны залить картинкой, как логотип. Я думал что получится это сделать в HTML просто удалив код, который нашел по слову "телефон" через ctrl+F, в итоге "все сломал", теперь телефон еще и залез наверх (на скриншоте выделил). В общем хотелось бы все что обведено на скриншоте просто удалить совсем.
+ как поменять фон "подвала"?
Спасибо за Ваше время!

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

  • Безымянный.png


#4 5034317

5034317

    Новичок

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

Отправлено 26 Декабрь 2016 - 11:44

Обращаю на себя внимание))

#5 RayLi

RayLi

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

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

Отправлено 26 Декабрь 2016 - 11:51

Просмотр сообщения5034317 (26 Декабрь 2016 - 11:44) писал:

Обращаю на себя внимание))

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

.block-user .user-title i {
font-size: 18px;
margin-right: 5px;
}

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

.block-user .user-title i {
font-size: 18px;
margin-right: 5px;
display: none;
}


#6 5034317

5034317

    Новичок

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

Отправлено 26 Декабрь 2016 - 12:15

Просмотр сообщенияRayLi (26 Декабрь 2016 - 11:51) писал:

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

.block-user .user-title i {
font-size: 18px;
margin-right: 5px;
}

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

.block-user .user-title i {
font-size: 18px;
margin-right: 5px;
display: none;
}

Спасибо за ответ, поменял, но все равно отображается криво. Не могли бы Вы проверить? krapiva.by
Я чуть выше писал, что накосячил в шаблоне HTML, удалил целиком код, теперь там вообще странно отображется телефон в 2 местах, на скриншоте выше это видно.
Спасибо за Ваше время.

#7 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 26 Декабрь 2016 - 13:28

Просмотр сообщения5034317 (26 Декабрь 2016 - 12:15) писал:

Спасибо за ответ, поменял, но все равно отображается криво. Не могли бы Вы проверить? krapiva.by
Я чуть выше писал, что накосячил в шаблоне HTML, удалил целиком код, теперь там вообще странно отображется телефон в 2 местах, на скриншоте выше это видно.
Спасибо за Ваше время.
Здравствуйте, найдите в файле main.css
.products-grid .item .item-inner .item-img > a:before, .products-grid .item .item-inner .item-img:hover > a:before
{transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;}
после вставьте
.header-middle .block-phone {
	display: none;
}






Темы с аналогичным тегами цвет

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

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