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


Помогите Изменить Цвета На Сайте


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

#61 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 25 Апрель 2016 - 09:18

Просмотр сообщенияRedHead (23 Апрель 2016 - 12:20) писал:

Здравствуйте. В шаблоне main.css найдите строку:

.breadcrumbs li strong {color: #fff;}
после нее вставьте:
.breadcrumbs li {color: #000;}

Все равно, не работает :-((

#62 Юля123

Юля123

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

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

Отправлено 25 Апрель 2016 - 10:07

Просмотр сообщенияIngleest (25 Апрель 2016 - 09:18) писал:

Все равно, не работает :-((

Здравствуйте, попробуйте код:

.breadcrumbs li strong {color: #fff;}

заменить на код:

.breadcrumbs li strong {color: #000;}


#63 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 25 Апрель 2016 - 12:12

Просмотр сообщенияЮля123 (25 Апрель 2016 - 10:07) писал:

Здравствуйте, попробуйте код:

.breadcrumbs li strong {color: #fff;}

заменить на код:

.breadcrumbs li strong {color: #000;}
Получилось, спасибо

#64 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 26 Апрель 2016 - 11:29

Еще одно серое пятно - фон количества товаров в иконке корзины. Как его изменить?
Изображение

#65 Юля123

Юля123

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

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

Отправлено 26 Апрель 2016 - 12:35

Просмотр сообщенияIngleest (26 Апрель 2016 - 11:29) писал:

Еще одно серое пятно - фон количества товаров в иконке корзины. Как его изменить?
Изображение


Здравствуйте, в main.css код:

.header-tools .mycart:hover .cart-count, .header-tools .mycompare:hover .compare-num {background: #898989;color: #fff;}

у свойства background измените код цвета на нужный

#66 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 02 Май 2016 - 19:08

Добрый вечер!
Скажите, пожалуйста, как изменить цвет кнопок номеров страниц в каталоге? И добавить перед ними слово "Страница:"? Вот тут:
Изображение

#67 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 02 Май 2016 - 19:30

Просмотр сообщенияIngleest (02 Май 2016 - 19:08) писал:

Добрый вечер!
Скажите, пожалуйста, как изменить цвет кнопок номеров страниц в каталоге? И добавить перед ними слово "Страница:"? Вот тут:
Изображение

Добрый вечер.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
		  {% ENDIF %}
		  <!-- /END Страницы -->

Замените на:
		<div class="pages_text">Страница:</div>
		  {% ENDIF %}
		  <!-- /END Страницы -->

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.pages_text {
	float: right;
	margin-right: 10px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
}


#68 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 03 Май 2016 - 06:33

Просмотр сообщенияFirefly (02 Май 2016 - 19:30) писал:

Добрый вечер.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:


Спасибо. И цвет кнопочек мне тоже надо подправить.

#69 RayLi

RayLi

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

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

Отправлено 03 Май 2016 - 10:02

Просмотр сообщенияIngleest (03 Май 2016 - 06:33) писал:

Спасибо. И цвет кнопочек мне тоже надо подправить.

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

.pages li a, .pages li span {
min-width: 26px;
height: 26px;
border-radius: 13px;
line-height: 24px;
text-align: center;
padding: 0 5px;
color: #000000;
background: #FFFFFF;
position: relative;
float: left;
text-decoration: none;
border: 1px solid #000000;
margin-left: -1px;
}

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

.pages li a, .pages li span {
min-width: 26px;
height: 26px;
border-radius: 13px;
line-height: 24px;
text-align: center;
padding: 0 5px;
color: #FFFFFF;
background: #031267;
position: relative;
float: left;
text-decoration: none;
border: 1px solid #000000;
margin-left: -1px;
}


#70 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 05 Май 2016 - 11:40

Спасибо. Я просто потерялся, где именно у этого элемента цвет.

Снова про цвета...
Нужно подправить цвет текста placeholder ' ов в фильтрах товаров. Сейчас он светло-серый. Подскажите, где это делается.

#71 Юля123

Юля123

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

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

Отправлено 05 Май 2016 - 12:24

Просмотр сообщенияIngleest (05 Май 2016 - 11:40) писал:

Спасибо. Я просто потерялся, где именно у этого элемента цвет.

Снова про цвета...
Нужно подправить цвет текста placeholder ' ов в фильтрах товаров. Сейчас он светло-серый. Подскажите, где это делается.

Здравствуйте, в main.css найдите код:

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{font-size: 100%;color: #A4A4A4;border: 1px solid #505050;outline:none;background-color: transparent;}

и у свойства color изменяйте значение на нужное Вам.

#72 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 05 Май 2016 - 12:51

Просмотр сообщенияЮля123 (05 Май 2016 - 12:24) писал:

Здравствуйте, в main.css найдите код:

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{font-size: 100%;color: #A4A4A4;border: 1px solid #505050;outline:none;background-color: transparent;}

и у свойства color изменяйте значение на нужное Вам.

Спасибо, получилось!
Вы на два фронта воюете? :-)

Вот снова вопрос по цвету:
хотелось бы, чтобы в custommenu при наведении фон менялся, а не могу найти, где это делать. И чтобы он был высотой, как весь синий фон меню, а не с припуском, как сейчас. Цвет текста и рамки я нашел, где изменить. Проблема только с размером и цветом фона выделенного пункта. Вот так, в общем, чтобы это выглядело:
Изображение

#73 Юля123

Юля123

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

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

Отправлено 05 Май 2016 - 13:13

Просмотр сообщенияIngleest (05 Май 2016 - 12:51) писал:

Спасибо, получилось!
Вы на два фронта воюете? :-)

Вот снова вопрос по цвету:
хотелось бы, чтобы в custommenu при наведении фон менялся, а не могу найти, где это делать. И чтобы он был высотой, как весь синий фон меню, а не с припуском, как сейчас. Цвет текста и рамки я нашел, где изменить. Проблема только с размером и цветом фона выделенного пункта. Вот так, в общем, чтобы это выглядело:
Изображение


В main.css найдите код:

#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px; position: relative;
		font-size: 16px;
		text-transform: uppercase;
		line-height: 20px;
		color: #ffffff;
		border: 1px solid transparent;
		margin: 10px 0;
}
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {
				border: 1px solid #fff;
}


и замените на код:

#custommenu ul.mainnav li.level0 > a {
		display: block;
		padding: 15px 12px;
		position: relative;
		font-size: 16px;
		text-transform: uppercase;
		line-height: 20px;
		color: #ffffff;
		border: 1px solid transparent;
}
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {
				border: 1px solid #fff;
				background:#fff;
				color:#031267;
}

по наведению фон становится белым, цвет шрифта - темно синий.

#74 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 05 Май 2016 - 13:35

СУПЕР! То, что надо!

#75 Nolove

Nolove

    Новичок

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

Отправлено 04 Сентябрь 2016 - 20:47

Доброго времени суток!После замены цвета фона на белый,появились сложно читаемые или совсем нечитаемые элементы.Помогите,пожалуйста исправить)))
1.Как изменить цвет шрифта текста на странице доставка?
2.Как изменить цвет фона иконки и цвет значка внутри иконки,хотелось,так же как и у кнопки "в корзину"?
3,4  Как поменять цвет шрифта на черный?
5.Поменять фон на белый,буквы на черный,границу оставить черную
6.Перед номером телефона добавить пиктограммы телефона,Viber,WhatsUP
7.Поменять цвет букв на белый?

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 6.jpg


#76 assa

assa

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

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

Отправлено 05 Сентябрь 2016 - 11:56

Как мне отвязать каталог и меню от общего стиля? Они все привязаны к
a {color: #804fae;text-decoration:none;cursor:pointer; border-box color: #fff}

меняется цвет везде.

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

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

  • скрин 1.png


#77 Nolove

Nolove

    Новичок

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

Отправлено 07 Сентябрь 2016 - 09:33

Просмотр сообщенияNolove (04 Сентябрь 2016 - 20:47) писал:

Доброго времени суток!После замены цвета фона на белый,появились сложно читаемые или совсем нечитаемые элементы.Помогите,пожалуйста исправить)))
1.Как изменить цвет шрифта текста на странице доставка?
2.Как изменить цвет фона иконки и цвет значка внутри иконки,хотелось,так же как и у кнопки "в корзину"?
3,4  Как поменять цвет шрифта на черный?
5.Поменять фон на белый,буквы на черный,границу оставить черную
6.Перед номером телефона добавить пиктограммы телефона,Viber,WhatsUP
7.Поменять цвет букв на белый?


UP!

#78 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Сентябрь 2016 - 11:27

Просмотр сообщенияNolove (04 Сентябрь 2016 - 20:47) писал:

Доброго времени суток!После замены цвета фона на белый,появились сложно читаемые или совсем нечитаемые элементы.Помогите,пожалуйста исправить)))
1.Как изменить цвет шрифта текста на странице доставка?
2.Как изменить цвет фона иконки и цвет значка внутри иконки,хотелось,так же как и у кнопки "в корзину"?
3,4  Как поменять цвет шрифта на черный?
5.Поменять фон на белый,буквы на черный,границу оставить черную
6.Перед номером телефона добавить пиктограммы телефона,Viber,WhatsUP
7.Поменять цвет букв на белый?

Здравствуйте.
2. Для карточки товара:
Для значков сравнения и избранного:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.product-shop .add-to-links a {display: block;width: 32px;height: 32px;background: #2a2a2a;border: 1px solid #505050;line-height: 30px;font-size: 13px;text-align: center;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

Замените на:
.product-shop .add-to-links a {display: block;width: 32px;height: 32px;background: #2a2a2a;border: 1px solid #505050;line-height: 30px;font-size: 13px;text-align: center;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;color: #fff;}

#fff - цвет значка, #2a2a2a - цвет заливки.

Для значков "+" и "-":
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.product-shop .wrap-qty .qty-set .quantity-minus, .product-shop .wrap-qty .qty-set .quantity-plus {width: 26px;height: 26px;line-height: 24px;border: 1px solid #505050;background: #2a2a2a;border-radius: 50%;text-align: center;z-index: 10;cursor: pointer;}

Замените на:
.product-shop .wrap-qty .qty-set .quantity-minus, .product-shop .wrap-qty .qty-set .quantity-plus {width: 26px;height: 26px;line-height: 24px;border: 1px solid #505050;background: #2a2a2a;border-radius: 50%;text-align: center;z-index: 10;cursor: pointer;color: #fff;}

#fff - цвет значка, #2a2a2a - цвет заливки.

За цвет границы кнопки В корзину отвечает код:
.product-shop .add-to-cart .add-cart {border: 1px solid #505050;height: 32px;padding: 0 20px;margin: 0 10px 0 0;-webkit-border-radius: 25px;-moz-border-radius: 25px;-ms-border-radius: 25px;-o-border-radius: 25px;border-radius: 25px;}

#505050 - цвет обводки

3,4 В main.css код:
.block-menu-content ul li a.active {color: #fff;}

Замените на:
.block-menu-content ul li a {color: #000;}
.block-menu-content ul li a.active {color: #333;}

Найдите код:
.col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}

Замените на:
.col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #000;}

Найдите код:
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;}

Замените на:
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #000;border-bottom: 1px solid #000;margin-left: 25px;}

Добавьте в конце код:
.block.filters {
color: #000;
}

Найдите код:
.product-list .item .product-info .product-name a {display: block;max-height: 52px;overflow: hidden;}

Замените на:
.product-list .item .product-info .product-name a {display: block;max-height: 52px;overflow: hidden;color: #000;}
.product-list .item .product-info .product-name a:hover {color:#333;}

Найдите код:
.product-list .item .product-info .desc p {max-height: 120px;overflow: hidden;margin: 0 0 10px 0;}

Замените на:
.product-list .item .product-info .desc p {max-height: 120px;overflow: hidden;margin: 0 0 10px 0;color: #000;}

5. Найдите код:
.selectBox {height: 35px;background: #2a2a2a;border: 1px solid #505050;color: #fff;padding: 3px;}

Замените на:
.selectBox {height: 35px;background: #fff;border: 1px solid #505050;color: #000;padding: 3px;}

6. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <!--Телефон-->
<div class="phone">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
</div>

Замените на:
		 <!--Телефон-->
<div class="phone">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p><img src="#"> <img scr="#"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
</div>

Вместо # укажите ссылки на иконки.

7. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#search_mini_form input {background: #232323;color: #ccc;border: none;border-radius: 25px;height: 25px;float: right;font-size: 12px;margin-top: 9px;width: 200px;padding-left: 10px;padding-right: 30px;}

После него добавьте код:
#search_mini_form ::-webkit-input-placeholder {color:#fff;}


#79 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 07 Сентябрь 2016 - 12:57

Просмотр сообщенияassa (05 Сентябрь 2016 - 11:56) писал:

Как мне отвязать каталог и меню от общего стиля? Они все привязаны к
a {color: #804fae;text-decoration:none;cursor:pointer; border-box color: #fff}

меняется цвет везде.

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

Здравствуйте.
Вы можете указать цвет непосредственно для элементов ссылок меню, для этого добавьте код:
#header-top .header-col-left ul.links li a {color:#123;}

и измените код #123 на свой

#80 Biglingerie

Biglingerie

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

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

Отправлено 23 Январь 2018 - 23:25

Добрый день. Помогите, пожалуйста
Аккаунт 417485
в каталоге в фильтре значения сливаются с фоном (белые числа на белом фоне) - как поменять цвет значений?
в карточке товара описание черного цвета - как изменить цвет на белый?

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

  • 2018-01-23_23-20-20.png
  • 2018-01-23_23-19-47.png





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

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