PORADNIK Całkowita zmiana koloru szablonu RWD - Clickshop

Aby całkowicie zmienić kolor szablonu RWD - Clickshop należy umieścić poniższy kod CSS w opcji Własny styl CSS.

Przed dodaniem kodu zmień wszystkie wpisy #kodkoloru na swój kolor np. #ca2da7

Możesz to zrobić za pomocą programu Notepad++ używając skrótu Ctrl+F i opcji Zamień

Kod:

.rwd .menu .innermenu li a:hover {
    color: #kodkoloru;
    text-decoration: none;
}

.products.viewfull .product .addtobasket:hover, .products.viewfull .product .availability-notifier-btn:hover {
    background-color: #fff;
    border-color: #kodkoloru;
    color: #kodkoloru;
}

.products.viewfull .product .addtobasket:hover, .products.viewfull .product .availability-notifier-btn:hover {
    background-color: #fff;
    border-color: #kodkoloru;
    color: #kodkoloru;
}

header .logo-bar .basket > a img {
    background-color: #kodkoloru;
}

header .logo-bar .search-form .btn::before {
    color: #kodkoloru;
    font-size: 1em;
}

.basket-steps ol li.active-step::before {
    background-color: #kodkoloru;
}
.shop-gallery .shop-gallery-preview .shop-gallery-mini-next:hover::after {
    color: #kodkoloru;
}
.shop-gallery .shop-gallery-skin .shop-gallery-inner .shop-gallery-nav:hover::after {
    color: #kodkoloru;
}

#box_productfull .basket .form-basket .button_wrap .addtobasket:hover, #box_productfull .basket .form-basket .button_wrap .availability-notifier-btn:hover {
    background-color: #f5f8fd;
    color: #kodkoloru;
}

.shop-gallery .shop-gallery-preview .shop-gallery-mini-prev:hover::after {
    color: #kodkoloru;
}

.shop-gallery .shop-gallery-preview .shop-gallery-item-preview:hover, .shop-gallery .shop-gallery-preview .shop-gallery-item-preview.active {
    border-color: #kodkoloru;
}

.shop-gallery .shop-gallery-close, .shop-gallery .shop-gallery-resize  {
    background-color: #kodkoloru;
}

#box_productfull .basket .form-basket .button_wrap .addtobasket, #box_productfull .basket .form-basket .button_wrap .availability-notifier-btn {
    background-color: #kodkoloru;
    border-color: #kodkoloru;
    color: #fff;
    font-size: 1.4em;
}


.basket-contain .basket-summery {
    background-color: #kodkoloru;

}


.products.viewphot .product .buttons .addtobasket:hover, .products.viewphot .product .buttons .availability-notifier-btn:hover {
  background-color:#FFFFFF;
  border-color:#kodkoloru;
  color:#kodkoloru;
}

.menu .innermenu .menu-list li h3 a:hover {
    text-decoration: none;
    background-color: #kodkoloru;
    color: #fff;
}
.footer row {background-color:#000;}
.modal .modal-header {
  background-color:#kodkoloru;
}
.product-innerdesc-wrap .tags .new {
  background-color:#kodkoloru;
}
.products.viewphot .product .buttons .quickview {
  color:#kodkoloru;}

.ajax-basket-container .ajax-cart-block span strong {
  color:#kodkoloru;
}
#cart-options .summary-container .sum .value {
  color:#kodkoloru;
}
.menu .innermenu .menu-list li.home-link-menu-li a {
  background-color:#kodkoloru;
  display:block;
  padding:0;
}
header .logo-bar .basket.empty-basket {
  background:#kodkoloru;
}


#box_menu ul li.current > a {
    color: #fff;
    background-color: #kodkoloru;
}
#box_menu ul li a:hover {
    background-color: #kodkoloru;
    color: #fff;
}

#box_productcomments .btn, #box_articlecomments .btn {
background-color: #kodkoloru;
}
.box .boxhead {
  border-top:3px solid #kodkoloru;
}
#box_mainproducts.box .boxhead {
  border-top:3px solid #kodkoloru;
}
.product .tags .new {
  background-color:#kodkoloru;
}
.btn.btn-red {
  background-color:#kodkoloru;
  border:1px solid #kodkoloru;
  color:#FFFFFF;
}
#box_productfull .productimg .new {
  background-color:#kodkoloru;
}
#box_productfull .links-q li a {
  color:#kodkoloru;
  font-weight: bold;
}
.box-slider .slider-nav.bullets li.active {
  background-color:#kodkoloru;
}
footer .innerfooter ul.overall > li {
  border-top:3px solid #kodkoloru;
  margin-top:0;
}
.basket-steps ol li.active-step span {
  color:#kodkoloru;
    font-weight: bold;
}

header .logo-bar .basket {
  border-color:#kodkoloru;}


footer .innerfooter ul li a:hover {
  color:#kodkoloru;
}

#box_filter .multiselect:hover {
  background-color:#kodkoloru;
}
.sort-and-view .prodview li.selected a {
  color:#kodkoloru;
}

.sort-and-view .sortlinks .products-sort-container .products-active-sort:hover {
  background-color: #kodkoloru;
  border-color:#kodkoloru;
}
.sort-and-view .sortlinks .products-sort-container .products-sort-options {
  border-color:#kodkoloru;
}
.sort-and-view .sortlinks .products-sort-container .products-sort-options a:hover.active-sort {
  background-color:#kodkoloru;
}
.sort-and-view .sortlinks .products-sort-container .products-sort-options a.active-sort {
  background-color:#kodkoloru;
}

.sort-and-view .sortlinks .products-sort-container .products-sort-options a:hover {
  background-color:#kodkoloru;
}
#box_producers_select:hover {
  background-color:#kodkoloru;
}
#input_country:hover{
    background-color:#kodkoloru;
  border-color:#kodkoloru;
}

#box_producers .producers_wrap:hover {
  background-color:#kodkoloru;
  border-color:#kodkoloru;
}
header .logo-bar .basket {
  background-color:#kodkoloru;
  border-color:#kodkoloru;
}

Pozdrawiam
Mariusz