ROZWIĄZANE Zmiana koloru etykiet i cen

Witam,
Proszę o pomoc:
1. Jak zmienić kolor etykiety "promocja" oraz "nowość"?
2. Chciałabym pozmieniać kolory cen: ceny podstawowej np. na czarną, ceny promocyjnej np. na czerwoną i samego słowa "cena:" np. na czarną. Chciałabym, żeby kolory cen zmieniały się nie tylko na stronie głównej, ale również w karcie produktu i bocznych modułach.

 

W przypadku Twojego sklepu nie będzie to takie proste jak tradycyjna modyfikacja CSS. Wymagane byłoby pobranie pliku graficznego, zmianę jego koloru, wrzucenie go z powrotem na serwer i odwołać się do nowego pliku graficznego o nowym kolorze.

Za wyświetlanie oznaczeń Nowość i Promocja odpowiedzialny jest ten kod CSS:

Kod:

#box_mainproducts .innerbox table.products tr .product .tags li {
    color: #000;
    width: 58px;
    min-width: 58px;
    width: auto;
    height: 24px;
    line-height: 21px;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-left: 26px;
    margin-bottom: 3px;
    background: transparent url(../../styles/../images/tag.png) 0 0 no-repeat;
}

Oznacza to, ze nalezałoby pobrać ten obrazek: http://www.max-office.pl/skins/user/home_green_1/images/tag.png i następnie zmienić jemu kolor na inny (np. za pomocą programu graficznego).

Następnie odpowiednio zmodyfikowany plik należałoby wrzucić z powrotem do sklepu.

Po tym, dodajemy do własnego CSS taki kod:

Kod:

#box_mainproducts .innerbox table.products tr .product .tags li {
    background: transparent url(TUTAJ WKLEJAMY NOWY ADRES DO POPRAWIONEGO PLIKU) 0 0 no-repeat;
}

W ten sposób zmienisz kolor tych oznaczeń. Jeśli zmieniłabyś szablon na inny, np. dostosowany do RWD (Konfiguracja -> Wygląd -> Galeria stylów), to zmiana koloru etykiet byłaby łatwiejsza.

Co do tego tematu, to proszę pokaż na zrzutach ekranu, w których miejscach chcesz poprawić kolory.

 

Dziękuję za odpowiedź. Chcę zmienić kolorystykę wszystkich wyświetlanych na zielono cen. Zrzut w załączniku

 

Powinien to złapać ten kod:

Kod:

.box .product .price {
    color: #000;
}

Zamiast #000 (jest to kolor czarny), możesz wstawić inny dowolny kod koloru.