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

[jonik_plov]

Здравствуйте !
Помогите пожалуйста.

1) Увеличить размер слайда в длину,чтобы он соответствовал размеру блока (на главной)  , изменить цвет блоков (на главной,новинки ,хиты продаж) на оранжевый ,цвет текста сделать черным и чтобы он те выделялся при наведении курсора.

2) Изменить цвет верхней полоски на оранжевый ,изменить цвет верхнего меню при наведении на оранжевый.

3) Каталог и рамку сделать оранжевой текст ( каталог) сделать черным, текст в каталоге при наведении должен становиться оранжевый , с блоком высмотрели сделать тоже самой.

4) Изменить цвет корзины и цвет кнопки поиск на оранжевый, при наведении курсора на карточку товара цвет с серого должен меняться на оранжевый.

5) Изменить цвет блока с серого на оранжевый текст (мы рада видеть вас!) сделать черным.

6) Изменить цвет фона подвала на оранжевый .

7) Изменить цвет текста (меню.личный каб,контакты ,обратный звонок) на черный , точки и значки сделать темно серыми.

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

• 
• 
• 

[jonik_plov]

Помогите пожалуйста !!! срочно!

И еще уберите значки внизу

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

• 

[metry]

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

#slideshow {margin: 0 0;position: relative;border: 1px solid #0083CA;}

замените на:

#slideshow { margin: 0 -15px;position: relative;border: 1px solid #0083CA;}

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

#producttabs .pdt-nav {display: block;margin-bottom: 20px;background-color: #333744;float: left;width: 100%;text-align: center;}

- в найденном коде для background-color задайте свой код цвета. (цвет полоски Хиты продаж итд)

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

#producttabs .pdt-nav li span {display: inline-block;position: relative;font-size: 18px;padding: 0px 15px;text-transform: uppercase;color: #ffffff;background-color: #333744;height: 46px;line-height: 40px;width: 100%;}

- в найденном коде для background-color задайте свой код цвета. (цвет полоски Хиты продаж итд)

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

#footer-top, #footer-middle, #footer-bottom {background: #1e212a;clear: both;}

- в найденном коде для background задайте свой код цвета. (цвет фона подвала)

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

#footer-middle .footer-title h4 {text-transform: none;display: inline;color: #09afe7;position: relative;}
#footer-middle .footer-title h4:after {width: 38px;border-bottom: 2px solid #09afe7;content: "";position: absolute;bottom: -5px;left: 0;}
#footer-middle .footer-content {clear: both;margin-bottom: 20px;}
#footer-middle .footer-content ul {margin: 0 0 0 18px;padding: 0;}
#footer-middle .footer-content ul li {list-style: initial;color: #09afe7;}
#footer-middle .footer-content ul li a {position: relative;color: #b8b8b8;padding: 7px 0;z-index: 10;display: block;}
#footer-middle .footer-content ul li:hover a {color: #09afe7;}
#footer-middle .footer-contact p:first-child {margin-top: 7px;}
#footer-middle .footer-contact .fa {font-size: 16px;color: #09afe7;margin-right: 4px;width: 20px;}
#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {color: #fff;text-transform: uppercase;}
#footer-middle .footer-contact .ft-content a:hover {color: #09afe7;}
#footer-middle .footer-content .link-follow {overflow: hidden;width: 210px;margin: 20px auto;}
#footer-middle .footer-content .link-follow li {float: left;margin-left: 2px;border-right: 1px solid #333744;padding-right: 15px;margin-right: 15px;list-style: none;}
#footer-middle .footer-content .link-follow li:first-child {margin-left: 0;}
#footer-middle .footer-content .link-follow li:last-child {border-right: 0;padding-right: 0;margin-right: 0;}
#footer-middle .footer-content .link-follow li a {position: relative;display: block;text-align: center;font-size: 16px;color: #fff;line-height: 35px;}
#footer-middle .footer-content .link-follow li a:hover {color: #09afe7;}
#footer-middle .footer-content .link-follow li a span {display: none;}
#footer-middle .footer-content .callbackForm {margin-top: 5px;}
#footer-middle .footer-content .callbackForm input {margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp {color: #fff;font-size: 80%;margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp a {color: #fff;text-decoration: underline;}
#footer-bottom {border-top: 1px solid #333744;}
#footer-bottom .container {padding: 20px;}
#footer-bottom .footer p {margin:0 0 5px 0;color: #8a8a8a;font-size: 14px;float: left;text-transform: uppercase;font-style: normal;line-height: 25px;clear: both;}
#footer-bottom .footer p a {color: #09afe7;}

замените на:

#footer-middle .footer-title h4 {text-transform: none;display: inline;color: #000;position: relative;}
#footer-middle .footer-title h4:after {width: 38px;border-bottom: 2px solid #000;content: "";position: absolute;bottom: -5px;left: 0;}
#footer-middle .footer-content {clear: both;margin-bottom: 20px;}
#footer-middle .footer-content ul {margin: 0 0 0 18px;padding: 0;}
#footer-middle .footer-content ul li {list-style: initial;color: #000;}
#footer-middle .footer-content ul li a {position: relative;color: #b8b8b8;padding: 7px 0;z-index: 10;display: block;}
#footer-middle .footer-content ul li:hover a {color: #000;}
#footer-middle .footer-contact p:first-child {margin-top: 7px;}
#footer-middle .footer-contact .fa {font-size: 16px;color: #000;margin-right: 4px;width: 20px;}
#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {color: #fff;text-transform: uppercase;}
#footer-middle .footer-contact .ft-content a:hover {color: #000;}
#footer-middle .footer-content .link-follow {overflow: hidden;width: 210px;margin: 20px auto;}
#footer-middle .footer-content .link-follow li {float: left;margin-left: 2px;border-right: 1px solid #333744;padding-right: 15px;margin-right: 15px;list-style: none;}
#footer-middle .footer-content .link-follow li:first-child {margin-left: 0;}
#footer-middle .footer-content .link-follow li:last-child {border-right: 0;padding-right: 0;margin-right: 0;}
#footer-middle .footer-content .link-follow li a {position: relative;display: block;text-align: center;font-size: 16px;color: #fff;line-height: 35px;}
#footer-middle .footer-content .link-follow li a:hover {color: #000;}
#footer-middle .footer-content .link-follow li a span {display: none;}
#footer-middle .footer-content .callbackForm {margin-top: 5px;}
#footer-middle .footer-content .callbackForm input {margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp {color: #fff;font-size: 80%;margin-bottom: 10px;}
#footer-middle .footer-content .callbackForm .pp a {color: #fff;text-decoration: underline;}
#footer-bottom {border-top: 1px solid #333744;}
#footer-bottom .container {padding: 20px;}
#footer-bottom .footer p {margin:0 0 5px 0;color: #8a8a8a;font-size: 14px;float: left;text-transform: uppercase;font-style: normal;line-height: 25px;clear: both;}
#footer-bottom .footer p a {color: #000;}

далее в main.css найдите код цвета #09AFE7 и замените на свой код цвета нажав кнопку All. Код цвета можно подобрать здесь. См.  картинку во вложении.

так же зайдите в Редактор Шаблонов-->HTML и найдите:

			 <ul class="link-follow">
			 <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li>
			 <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li>
			 <li><a class="vk fa fa-vk" href="https://vk.com/ds_24_166676254" title="VK.com" target="_blank"><span>vk</span></a></li>
			 <li><a class="youtube fa fa-instagram" href="https://www.instagram.com/dreamstore_24/" title="Instagram.com" target="_blank"><span>youtube</span></a></li>
			 </ul>

замените на:

			 <!--<ul class="link-follow">-->
			 <!-- <li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li>-->
			 <!-- <li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li>-->
			 <!-- <li><a class="vk fa fa-vk" href="https://vk.com/ds_24_166676254" title="VK.com" target="_blank"><span>vk</span></a></li>-->
			 <!-- <li><a class="youtube fa fa-instagram" href="https://www.instagram.com/dreamstore_24/" title="Instagram.com" target="_blank"><span>youtube</span></a></li>-->
			 <!--</ul>-->

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

• 

[jonik_plov]

Все отлично ,  еще кое-что , сделайте пожалуйста.

Переместите корзину под номер телефона

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

• 

[metry]

Добрый день. Отображение Вам подправили. Пожалуйста, проверьте.

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

• 

[jonik_plov]

metry (08 Август 2018 - 18:54) писал:

Добрый день. Отображение Вам подправили. Пожалуйста, проверьте.

Спасибо Вам огромное ,очень оперативно работаете