Сообщений в теме: 58

[Pogranets]

metry (17 Сентябрь 2017 - 18:09) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#header-top {background: #3f3f3f;height: 42px;}

- для background задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.

далее найдите:

#breadcrumbs {min-height: 20px;margin: 0 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #343434;padding: 12px 0;}

- для background,border-top,border-bottom задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.


Чтобы сменить цвет названия товара в карточке товара найдите:

.product-shop .product-name h2 {max-height: 68px;overflow: hidden;}

замените на:

.product-shop .product-name h2 {max-height: 68px;overflow: hidden;color:#000;}

- в вставленном коде  для color задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.

Чтобы сменить цвет цены найдите:

.price {font-weight: bold;color: #000;white-space: nowrap;}

- для color задайте свой код цвета. Код цвета можно подобрать на этом ресурсе.

Добрый день. А как еще заменить цвет в (в корзину, в описании), как на картинке

А поиск по магазину которая находится в шапке, белым цветом

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

• 

[Ирина345]

Pogranets (17 Сентябрь 2017 - 19:08) писал:

Добрый день. А как еще заменить цвет в (в корзину, в описании), как на картинке

А поиск по магазину которая находится в шапке, белым цветом

Здравствуйте, найдите  в файле main.css

.button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {
	font-family: PT Sans;
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid #505050;
	background: #2a2a2a;
	cursor: pointer;
	white-space: normal;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

где изменяете значения  #2a2a2a
далее найдите код в файле 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 input {
	background: #fff;
	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;
}

[Pogranets]

Ирина345 (18 Сентябрь 2017 - 11:30) писал:

Здравствуйте, найдите  в файле main.css

.button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {
font-family: PT Sans;
position: relative;
display: -moz-inline-stack;
display: inline-block;
padding: 7px 15px;
border: 1px solid #505050;
background: #2a2a2a;
cursor: pointer;
white-space: normal;
text-transform: uppercase;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}

где изменяете значения  #2a2a2a
далее найдите код в файле 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 input {
background: #fff;
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;
}

Спасибо все получилось.

А как там же на главной странице изменить цвет в кнопке корзина  как указано выше, и так же само описание поменять цвет.
Еще нужно там же увеличить шрифт  на ценнике

[RayLi]

Pogranets (18 Сентябрь 2017 - 23:35) писал:

Спасибо все получилось.

А как там же на главной странице изменить цвет в кнопке корзина  как указано выше, и так же само описание поменять цвет.
Еще нужно там же увеличить шрифт  на ценнике

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

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color: #000 !important;
	-moz-osx-font-smoothing: grayscale;
}

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

.price {
	font-weight: bold;
	color: #CC5500;
	white-space: nowrap;
}

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

.price {
	font-weight: bold;
	color: #CC5500;
	white-space: nowrap;
	font-size: 20px;
}

[Pogranets]

RayLi (19 Сентябрь 2017 - 09:49) писал:

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

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

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

.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #000 !important;
-moz-osx-font-smoothing: grayscale;
}

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

.price {
font-weight: bold;
color: #CC5500;
white-space: nowrap;
}

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

.price {
font-weight: bold;
color: #CC5500;
white-space: nowrap;
font-size: 20px;
}

Добрый вечер, как можно изменить цвет и размер как указано на картинке

Здесь нужно тоже сделать белый шрифт как на картинке

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

• 
• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart {padding: 0 20px;width: 100%;height: 32px;line-height: 30px;border-radius: 25px;}

замените на:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart {color: #fff;padding: 0 20px;width: 100%;height: 32px;line-height: 30px;border-radius: 25px;}

далее найдите:

.price {
		font-weight: bold;
		color: #CC5500;
		white-space: nowrap;
		font-size: 20px;
}

замените на:

.price {
		font-weight: bold;
		color: #CC5500;
		white-space: nowrap;
		font-size: 22px;
}

далее найдите:

.product-grid .item .item-inner .item-info .item-title .product-name {color: #000;}

замените на:

.product-grid .item .item-inner .item-info .item-title .product-name {color: #221D63;font-size: 18px;}

далее найдите:

#footer-middle .column .callbackForm .input-box {margin-bottom: 10px;}

после него пропишите:

#footer-middle .column .callbackForm .input-box input[placeholder]{color: #fff;}
#footer-middle .column .callbackForm .input-box input::-moz-placeholder{color: #fff;}
#footer-middle .column .callbackForm .input-box input:-moz-placeholder {color: #fff;}
#footer-middle .column .callbackForm .input-box input:-ms-input-placeholder{color: #fff;}

[Pogranets]

Vaccina (20 Сентябрь 2017 - 06:13) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart {padding: 0 20px;width: 100%;height: 32px;line-height: 30px;border-radius: 25px;}

замените на:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart {color: #fff;padding: 0 20px;width: 100%;height: 32px;line-height: 30px;border-radius: 25px;}

далее найдите:

.price {
	 font-weight: bold;
	 color: #CC5500;
	 white-space: nowrap;
	 font-size: 20px;
}

замените на:

.price {
	 font-weight: bold;
	 color: #CC5500;
	 white-space: nowrap;
	 font-size: 22px;
}

далее найдите:

.product-grid .item .item-inner .item-info .item-title .product-name {color: #000;}

замените на:

.product-grid .item .item-inner .item-info .item-title .product-name {color: #221D63;font-size: 18px;}

далее найдите:

#footer-middle .column .callbackForm .input-box {margin-bottom: 10px;}

после него пропишите:

#footer-middle .column .callbackForm .input-box input[placeholder]{color: #fff;}
#footer-middle .column .callbackForm .input-box input::-moz-placeholder{color: #fff;}
#footer-middle .column .callbackForm .input-box input:-moz-placeholder {color: #fff;}
#footer-middle .column .callbackForm .input-box input:-ms-input-placeholder{color: #fff;}

Добрый вечер.

Я сделал все что указано.
Изменение только увидел в шрифте и в кнопке где корзина За это спасибо
А само описание на главной странице товаров синим цветом так и не стало. и где каталог на главной тоже черные буквы так и не появились с серого цвета

И помогите увеличить размер телефона в шапке сайта

[Firefly]

Pogranets (20 Сентябрь 2017 - 23:05) писал:

Добрый вечер.

Я сделал все что указано.
Изменение только увидел в шрифте и в кнопке где корзина За это спасибо
А само описание на главной странице товаров синим цветом так и не стало. и где каталог на главной тоже черные буквы так и не появились с серого цвета

И помогите увеличить размер телефона в шапке сайта

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

.htmlDataBlock p, .htmlDataBlock span {
	color: #221d63 !important;
}

Найдите код:

.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span {cursor: pointer;color: #000000;text-transform: uppercase;font-weight: bold;}

Замените на:

.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span {cursor: pointer;color: #221d63;text-transform: uppercase;font-weight: bold;}

Для телефона найдите код:

#header .contact_head{display: inline-block; font-size: 18px;color: #F72109;margin-top: 30px;vertical-align: top;}

Измените значение размера шрифта 18px на большее

[Pogranets]

Firefly (21 Сентябрь 2017 - 09:53) писал:

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

.htmlDataBlock p, .htmlDataBlock span {
color: #221d63 !important;
}

Найдите код:

.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span {cursor: pointer;color: #000000;text-transform: uppercase;font-weight: bold;}

Замените на:

.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span {cursor: pointer;color: #221d63;text-transform: uppercase;font-weight: bold;}

Для телефона найдите код:

#header .contact_head{display: inline-block; font-size: 18px;color: #F72109;margin-top: 30px;vertical-align: top;}

Измените значение размера шрифта 18px на большее

Размер тел поменял а цвет так и не получилось. Помогите изменить цвет описания на синий. Спасибо

[Vaccina]

Здравствуйте.

На данный момент цвет телефона у вас следующий:


чтобы изменить цвет зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#header .contact_head a{color: #F72109;}

в данной строке измените цветовое значение, например:

#header .contact_head a{color: #003366;}

Цвет описания страницы вы можете изменить в разделе Сайт - Страницы - отредактируйте описание и укажите необходимый цвет.

[Pogranets]

Firefly (21 Сентябрь 2017 - 09:53) писал:

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

.htmlDataBlock p, .htmlDataBlock span {
color: #221d63 !important;
}

Найдите код:

.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span {cursor: pointer;color: #000000;text-transform: uppercase;font-weight: bold;}

Замените на:

.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span {cursor: pointer;color: #221d63;text-transform: uppercase;font-weight: bold;}

Для телефона найдите код:

#header .contact_head{display: inline-block; font-size: 18px;color: #F72109;margin-top: 30px;vertical-align: top;}

Измените значение размера шрифта 18px на большее

Больше тут ничего менять не нужно, всё так как я хотел. Спасибо.
Нужно только отредактировать следующие пункты
на первом фото совсем слов не видно, нужно сделать черными.
а на втором (форма заказа) цвет сделать белый а слова чёрные

И как исправить цвет в кнопках (в корзину, оформить заказ, и т. д.) на темно-синий

Мне нужно исправить цвет в кнопках( в корзину, быстрый заказ, отправить и т.д.) На темно-синий.

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

• 
• 

[Danil]

Pogranets (24 Сентябрь 2017 - 16:17) писал:

Больше тут ничего менять не нужно, всё так как я хотел. Спасибо.
Нужно только отредактировать следующие пункты
на первом фото совсем слов не видно, нужно сделать черными.
а на втором (форма заказа) цвет сделать белый а слова чёрные

И как исправить цвет в кнопках (в корзину, оформить заказ, и т. д.) на темно-синий

Мне нужно исправить цвет в кнопках( в корзину, быстрый заказ, отправить и т.д.) На темно-синий.

Здравствуйте.
Для каталога:
в main.css найдите 3 строки

.col-left .block-title span {color: #e4e4e4;position: relative;}
.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: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;}

во всех строках измените цвет #cacaca и #d7d7d7 на свой, например #000(черный)
Для быстрого заказа:
в main.css найдите код

.fancybox-skin {background: #2a2a2a !important;color: #bbb !important;}

и замените на

.fancybox-skin {background: #fff !important;color: #000 !important;}

Так же найдите код

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: #efefef;
border: 1px solid #ffffff;
outline: none;
background-color: transparent;
}

и замените на

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: #000;
border: 1px solid #000000;
outline: none;
background-color: transparent;
}

После кода(для кнопок)

.button:hover, .paymentFormSubmitLink:hover, .paymentFormTbodySubmitButton:hover {color: #fff;background: #707070;border-color: #707070;}

вставьте

.button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton{color: #fff;background: #707070;border-color: #707070;}

цвета изменяйте на свои.

[Pogranets]

Danil (24 Сентябрь 2017 - 20:07) писал:

Здравствуйте.
Для каталога:
в main.css найдите 3 строки

.col-left .block-title span {color: #e4e4e4;position: relative;}
.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: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;}

во всех строках измените цвет #cacaca и #d7d7d7 на свой, например #000(черный)
Для быстрого заказа:
в main.css найдите код

.fancybox-skin {background: #2a2a2a !important;color: #bbb !important;}

и замените на

.fancybox-skin {background: #fff !important;color: #000 !important;}

Так же найдите код

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: #efefef;
border: 1px solid #ffffff;
outline: none;
background-color: transparent;
}

и замените на

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: #000;
border: 1px solid #000000;
outline: none;
background-color: transparent;
}

После кода(для кнопок)

.button:hover, .paymentFormSubmitLink:hover, .paymentFormTbodySubmitButton:hover {color: #fff;background: #707070;border-color: #707070;}

вставьте

.button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton{color: #fff;background: #707070;border-color: #707070;}

цвета изменяйте на свои.

Здравствуйте, Не изменилась ситуация как указано на картинке.
Где светлые буквы должны быть черными, звездочки желтые, так же круг черный а в нём корзина и сердечко белое.

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

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.block-menu-content ul li.subhead {text-align: left;border-bottom: 1px solid #505050;font-weight: normal;text-transform: capitalize;padding: 4px 0;}

после него пропишите:

.block-menu-content ul li.subhead a{color:#000;}

Далее найдите:

.viewed .block-content .item .product-name a {display: block;}

замените на:

.viewed .block-content .item .product-name a {display: block;color:#000;}

Далее найдите:

.viewed .block-content .item .actions .add-to-links > div a, .viewed .block-content .item .actions .add-cart {display: inline-block;text-shadow: none;padding: 0;width: 32px;height: 32px;color: #666;background: #2a2a2a;overflow: hidden;border: 1px solid #505050;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

замените на:

.viewed .block-content .item .actions .add-to-links > div a, .viewed .block-content .item .actions .add-cart {display: inline-block;text-shadow: none;padding: 0;width: 32px;height: 32px;color: #fff;background: #003366;overflow: hidden;border: 1px solid #505050;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

Для изменения цвета звездочек вам необходимо в графическом редакторе переделать файл bkg_rating.png.

[Pogranets]

Добрый вечер как изменить цвет шрифта как указано на картинке.
В пером случае на черный
во втором на белый.
Спасибо

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

• 
• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

/*** Контакты ***/
.contact-info .col-xs-6.col-md-12 {margin-bottom: 20px;}
.contact-info h4 {margin-bottom: 10px;}
.contact-info .wide {margin-bottom: 5px;}
.contact-info .buttons {margin: 15px 0 20px;}
.callback-form {float: left;width: 100%;}
.callback-form div {float: left;width: 100%;margin-bottom: 10px;}
.callback-form div label {width: 200px;display: block;float: left;line-height: 35px;}

                
после него пропишите:

.block-contact a{color: #000;}

Белый шрифт указан у вас в стилях.

[Pogranets]

Vaccina (24 Октябрь 2017 - 07:14) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

/*** Контакты ***/
.contact-info .col-xs-6.col-md-12 {margin-bottom: 20px;}
.contact-info h4 {margin-bottom: 10px;}
.contact-info .wide {margin-bottom: 5px;}
.contact-info .buttons {margin: 15px 0 20px;}
.callback-form {float: left;width: 100%;}
.callback-form div {float: left;width: 100%;margin-bottom: 10px;}
.callback-form div label {width: 200px;display: block;float: left;line-height: 35px;}

после него пропишите:

.block-contact a{color: #000;}

Белый шрифт указан у вас в стилях.

Добрый вечер, черный цвет я сделал,(за это отдельное спасибо), а с белым я так и не разобрался.
Так можно вставить в эти графы белый шрифт, а то совсем не видно.

[Pogranets]

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

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

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.box-up-sell .block-title {position: relative;margin-bottom: 20px;text-align: center;}

замените на:

.box-up-sell {position: relative;}
.box-up-sell .block-title {margin-bottom: 20px;text-align: center;}

далее найдите:

.box-up-sell .block-title .navigation {position: absolute;top: 50%;right: 0px;margin-top: -16px;}
.box-up-sell .block-title .navigation a {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;}
.box-up-sell .block-title .navigation a .fa {display: inline-block;width: 25px;height: 25px;border: 1px solid #505050;text-align: center;line-height: 23px;font-size: 16px;color: #fff;background: transparent;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

замените на:

.box-up-sell .block-title .navigation {width: 100%;position: absolute;top: 50%;right: 0px;margin-top: -16px;z-index: 10;}
.box-up-sell .block-title .navigation a {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;}
.box-up-sell .block-title .navigation a.prev {float: left; margin-left: -20px;}
.box-up-sell .block-title .navigation a.next {float: right; margin-right: -20px;}
.box-up-sell .block-title .navigation a .fa {display: inline-block;width: 50px;height: 50px;border: 1px solid #505050;text-align: center;line-height: 45px;font-size: 50px;color: #505050;background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}