1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

PORADNIK Całkowita zmiana koloru szablonu RWD - Clickshop

Dyskusja w 'Poradniki, gotowe rozwiązania' rozpoczęta przez użytkownika Marioo, 7 Wrzesień 2017.

  1. Marioo

    Marioo Nowy użytkownik

    Wiadomości:
    3
    Docenione treści:
    1
    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
     
    Mariusz lubi to.
  2. Grzesiek

    Grzesiek Centrum Pomocy home.pl Administrator forum

    Wiadomości:
    3 555
    Docenione treści:
    325

Poleć forum znajomym