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

[ivtro]

Помогите поменять все шестиугольники на круги такого же размера. Аккаунт SL-430344. Спасибо!

[ivtro]

Нашел на форуме и поменял в шапке шестигранники на окружности. Теперь нужно немного опустить номер телефона, адрес электронной почты и поиск по магазину, чтобы было по центру этих окружностей по горизонтали. Спасибо!

[ivtro]

Нашел на форуме и исправил.

[ivtro]

не понял, как поменять шестиугольники на круги в
1) блоке преимуществ на главной,
2) в значках Хит, Новинка
кроме этого, прошу подсказать, как поменять название первой иконки блока преимуществ с "БЕСПЛАТНАЯ ДОСТАВКА" на "БЫСТРАЯ ДОСТАВКА", и текст "Доставка по городу и области Бесплатна!" на "Доставка по всей России!"
помогите, пожалуйста

[ivtro]

не понял, как поменять шестиугольники на круги в
1) информационном блоке преимуществ на главной,
2) значках Хит, Новинка

помогите, пожалуйста

[Mr.Nito]

ivtro (22 Декабрь 2017 - 09:41) писал:

не понял, как поменять шестиугольники на круги в
1) информационном блоке преимуществ на главной,
2) значках Хит, Новинка

помогите, пожалуйста

1) Изменил на круги, заменив блок

/*** Информационный блок ***/

полностью на

/*** Информационный блок ***/
#block-info {padding: 20px 0;border-top: 1px solid #dddddd;position: relative;}
#block-info .block-item .icon {overflow: hidden;display: inline-block;float: left;position: relative;width: 80px;height: 80px;border-radius: 50%;background-color: rgba(0,0,0,0);margin: 0px 0;border: solid 1px #dddddd;text-align: center;padding: 0;}
#block-info .block-item .icon:before {top: -28.2843px;border-top: solid 1.5px #dddddd;border-right: solid 1.5px #dddddd;}
#block-info .block-item .icon:after {bottom: -28.2843px;border-bottom: solid 1.5px #dddddd;border-left: solid 1.5px #dddddd;}
#block-info .block-item .icon span {position: relative;width: 100%;height: 80px;line-height: 80px;display: block;margin: 0;border-left: solid 0px #dddddd;border-right: solid 0px #dddddd;}
#block-info .block-item:hover .icon span {background: #2005F0;}
#block-info .block-item .icon span:before {border-right: 0 solid #333333;border-top: 0 solid #333333;top: -24.7487px;}
#block-info .block-item .icon span:after {bottom: -24.7487px;border-bottom: solid 0.0000px #333333;border-left: solid 0.0000px #333333;}
#block-info .block-item .icon div {font-size: 25px;position: relative;z-index: 2;margin-top: 5px;}
#block-info .block-item .icon div.fa-truck {margin-left: 3px;}
#block-info .block-item .icon div.fa-share {margin-left: 8px;}
#block-info .block-item .icon div.fa-comments {margin-left: 5px;}
#block-info .block-item:hover .icon span div {color: #ffffff;}
#block-info .block-item .text {padding-left: 100px;text-transform: none;}
#block-info .block-item .text h6 {color: #404040;margin-top: 20px;margin-bottom: 5px;}

2) Иконки также заменил

/* Иконки Новинка, Хит, Скидка*/
.ico-product .ico-new {background-color: #e77a9c;width: 54px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 50px;top: 5px;left: 5px;line-height: 50px;margin: 11px 0;display: block;text-align: center;	border-radius: 50%;}
.ico-product .ico-new:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #e77a9c;}
/*.ico-product .ico-new:before, .ico-product .ico-new:after {content: "";position: absolute;width: 0;left: 0;border-left: 27px solid transparent;border-right: 27px solid transparent;}*/
.ico-product .ico-new:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #e77a9c;}
.ico-product .ico-new span {position: relative;}
.ico-product .ico-new span:before {content: "";width: 38px;height: 1px;position: absolute;top: 0;background: #ffffff;left: 5px;}
.ico-product .ico-new span:after {content: "";width: 38px;height: 1px;position: absolute;bottom: 0;background: #ffffff;left: 5px;}
.ico-product .ico-best {background-color: #fb8233;width: 40px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 40px;top: 5px;left: 5px;line-height: 40px;margin: 11px 0;display: block;text-align: center;border-radius: 50%;}
.ico-product .ico-best:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #fb8233;}
/*.ico-product .ico-best:before, .ico-product .ico-best:after {content: "";position: absolute;width: 0;left: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;}*/
.ico-product .ico-best:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #fb8233;}
.ico-product .ico-best span {position: relative;}
.ico-product .ico-best span:before {content: "";width: 10px;height: 1px;position: absolute;top: 0;background: #ffffff;left: 5px;}
.ico-product .ico-best span:after {content: "";width: 10px;height: 1px;position: absolute;bottom: 0;background: #ffffff;left: 5px;}
.ico-product .ico-sale {background-color: #2005F0;width: 46px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 46px;top: 5px;right: 5px;line-height: 46px;margin: 11px 0;display: block;text-align: center;border-radius: 50%;}
.ico-product .ico-sale:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #2005F0;}
/*.ico-product .ico-sale:before, .ico-product .ico-sale:after {content: "";position: absolute;width: 0;left: 0;border-left: 23px solid transparent;border-right: 23px solid transparent;}*/
.ico-product .ico-sale:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #2005F0;}
.ico-product .ico-sale span {position: relative;}
.ico-product .ico-sale span:before {content: "";width: 30px;height: 1px;position: absolute;top: 0;background: #ffffff;left: 5px;}
.ico-product .ico-sale span:after {content: "";width: 30px;height: 1px;position: absolute;bottom: 0;background: #ffffff;left: 5px;}

[ivtro]

То что нужно! Спасибо!

[ivtro]

А можно внутри иконок Новинка, Хит убрать горизонтальные линии над и под словом?

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

• 

[Vaccina]

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

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

.ico-product .ico-new {background-color: #e77a9c;width: 54px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 50px;top: 5px;left: 5px;line-height: 50px;margin: 11px 0;display: block;text-align: center;	border-radius: 50%;}
.ico-product .ico-new:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #e77a9c;}
/*.ico-product .ico-new:before, .ico-product .ico-new:after {content: "";position: absolute;width: 0;left: 0;border-left: 27px solid transparent;border-right: 27px solid transparent;}*/
.ico-product .ico-new:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #e77a9c;}
.ico-product .ico-new span {position: relative;}
.ico-product .ico-new span:before {content: "";width: 38px;height: 1px;position: absolute;top: 0;background: #ffffff;left: 5px;}
.ico-product .ico-new span:after {content: "";width: 38px;height: 1px;position: absolute;bottom: 0;background: #ffffff;left: 5px;}
.ico-product .ico-best {background-color: #fb8233;width: 40px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 40px;top: 5px;left: 5px;line-height: 40px;margin: 11px 0;display: block;text-align: center;border-radius: 50%;}
.ico-product .ico-best:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #fb8233;}
/*.ico-product .ico-best:before, .ico-product .ico-best:after {content: "";position: absolute;width: 0;left: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;}*/
.ico-product .ico-best:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #fb8233;}
.ico-product .ico-best span {position: relative;}
.ico-product .ico-best span:before {content: "";width: 10px;height: 1px;position: absolute;top: 0;background: #ffffff;left: 5px;}
.ico-product .ico-best span:after {content: "";width: 10px;height: 1px;position: absolute;bottom: 0;background: #ffffff;left: 5px;}
.ico-product .ico-sale {background-color: #2005F0;width: 46px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 46px;top: 5px;right: 5px;line-height: 46px;margin: 11px 0;display: block;text-align: center;border-radius: 50%;}
.ico-product .ico-sale:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #2005F0;}
/*.ico-product .ico-sale:before, .ico-product .ico-sale:after {content: "";position: absolute;width: 0;left: 0;border-left: 23px solid transparent;border-right: 23px solid transparent;}*/
.ico-product .ico-sale:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #2005F0;}
.ico-product .ico-sale span {position: relative;}
.ico-product .ico-sale span:before {content: "";width: 30px;height: 1px;position: absolute;top: 0;background: #ffffff;left: 5px;}
.ico-product .ico-sale span:after {content: "";width: 30px;height: 1px;position: absolute;bottom: 0;background: #ffffff;left: 5px;}

замените на:

.ico-product .ico-new {background-color: #e77a9c;width: 54px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 50px;top: 5px;left: 5px;line-height: 50px;margin: 11px 0;display: block;text-align: center;	border-radius: 50%;}
.ico-product .ico-new:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #e77a9c;}
/*.ico-product .ico-new:before, .ico-product .ico-new:after {content: "";position: absolute;width: 0;left: 0;border-left: 27px solid transparent;border-right: 27px solid transparent;}*/
.ico-product .ico-new:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #e77a9c;}
.ico-product .ico-new span {position: relative;}
.ico-product .ico-best {background-color: #fb8233;width: 40px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 40px;top: 5px;left: 5px;line-height: 40px;margin: 11px 0;display: block;text-align: center;border-radius: 50%;}
.ico-product .ico-best:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #fb8233;}
/*.ico-product .ico-best:before, .ico-product .ico-best:after {content: "";position: absolute;width: 0;left: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;}*/
.ico-product .ico-best:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #fb8233;}
.ico-product .ico-best span {position: relative;}
.ico-product .ico-sale {background-color: #2005F0;width: 46px;color: #ffffff;font-size: 13px;position: absolute;z-index: 3;height: 46px;top: 5px;right: 5px;line-height: 46px;margin: 11px 0;display: block;text-align: center;border-radius: 50%;}
.ico-product .ico-sale:before {bottom: 100%;border-bottom-width: 8.5px;border-bottom-style: solid;border-bottom-color: #2005F0;}
/*.ico-product .ico-sale:before, .ico-product .ico-sale:after {content: "";position: absolute;width: 0;left: 0;border-left: 23px solid transparent;border-right: 23px solid transparent;}*/
.ico-product .ico-sale:after {top: 100%;border-top-width: 8.5px;border-top-style: solid;border-top-color: #2005F0;}
.ico-product .ico-sale span {position: relative;}

[ivtro]

Великолепно! Спасибо!