Zmiana kolorów elementów takich jak koszyk etc.

Czy mogłabym poprosić o podanie jak można w CSS zmodyfikować kolor takich elementów jak:
- koszyk
- domek pod logo, ten który pozwala powrócić na stronę główną
- oznaczenie promocja

 

Oznaczenie promocja przy produkcie (np. na stronie głównej). Kod #000000 oznacza, że tło oznaczenia promocja będzie czarne. Możesz zmienić kolor, wpisując inne oznaczenie koloru.

Zmiany wykonujesz w Konfiguracja --> Wygląd --> Aktywny styl graficzny --> Własny styl CSS, dodając odpowiednie fragmenty kodu.

Code:

.product .tags .promo {
    background-color: #000000;
}

Domek pod logo (np. na stronie głównej). Kod #000000 oznacza, że tło "domku" będzie czarne. Możesz zmienić kolor, wpisując inne oznaczenie koloru.

Code:

.menu .innermenu .menu-list li.home-link-menu-li a {
    background-color: #000000;
}

Ikona koszyk w prawym górnym rogu ekranu (np. na stronie głównej sklepu). Kod #000000 oznacza, że tło obszaru o nazwie "Koszyk" będzie czarne.

Code:

.logo-bar .basket {
  background: #FC2D20 url("../../styles/../images/arrow-white-down.png") no-repeat scroll 96% 50%;
}

 

Super. Dziękuję!

Nie zadziałał mi tylko kod do koszyka. To znaczy zmienił kolor, ale nie koszykowi w prawym górnym rogu ekranu, a pod produktami na stronie głównej.

 

Kod do koszyka, który podałem w poprzednim poście, zmienia kolor koszyka w prawym górnym rogu ekranu sklepu. W przypadku przycisku "Do koszyka" kod jest następujący:

Code:

.btn.btn-red {
    background-color: #000000;
}

edit: kod do zmiany koloru koszyka w poprzednim poście został zaktualizowany. Powinien teraz zmieniać kolor przycisku w prawym górnym rogu ekranu.

 

Niestety teraz po wklejeniu tego zmodyfikowanego kodu do zmiany koloru koszyka, nie widać żadnych zmian.

Przy okazji czy mogę poprosić o kod do zmiany koloru oznaczenie promocja przy produkcie na stronie produktu?

 

Zmień kolor w kodzie oraz dodaj na końcu wartość !important poniżej jest przyklad:

Code:

.logo-bar .basket {
  background: #000000 url("../../styles/../images/arrow-white-down.png") no-repeat scroll 96% 50%!important;
}

W tym przypadku skorzystaj z poniższego kodu, pamiętaj o zmianie koloru z #000000 (czarnego) na inny. Sprawdź też proszę czy kolor innych elementów się nie zmienił.

Code:

#box_productfull .productimg .promo {
    background-color: #000000;
}

 

Po dodaniu wartość !important kolor się zmienił, ale jest do zmiany jeszcze ramka i tło pod koszykiem. Czy mogę poprosić o odpowiednie modyfikacje do kodu?

 

Sprawdź to, zmień tylko kod koloru:

Code:

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

 

To mamy teraz taki wygląd. Jest jeszcze ramka i obrazek koszyka zniknął.

 

Znajdź poniższy kod w polu "Własny kod CSS":

Code:

.logo-bar .basket {
  background: #B2CD17 url("../../styles/../images/arrow-white-down.png") no-repeat scroll 96% 50%!important;
}

I zamień go na poniższy kod:

Code:

header .logo-bar .basket > a img {
  background: url("http://jemy.biz/skins/user/rwd_clickshop_1/images/cart-white.png") no-repeat scroll 96% 50%!important;
}

Znajdź poniższy kod w polu "Własny styl CSS":

Code:

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

I zamień go na poniższy kod:

Code:

header .logo-bar .basket {
  background: #B2CD17!important;
}

home.pl współpracuje z dwoma agencjami interaktywnymi: Flexcommerce oraz Gabiec

 

Witam, podpinam się pod temat. Mam kilka pytań:
- jak zmienić kolor panelu "zaloguj się/zarejstruj" aby tło było białe a napisy czarne? Jak skasować główkę z napisu "zarejestruj się"?
- jak skasować całkowicie "domek" a napisy "promocje" i nowości obniżyć w stronę obrazka i powiększyć czcionkę?
Będę wdzięczny za podpowiedzi.
pozdrawiam

 

Code:

.login-bar a {

    color:#000;
}

.login-bar {

    background-color:#FFF;
}

.login-bar a.login img, .login-bar a.logout img {

    background:#000;
}

.login-bar a.register img {

    display:none;

}

.menu .innermenu .menu-list li.home-link-menu-li a img {

    display:none;

}

Wielkość czcionki ---> konfiguracja/wygląd/aktywny styl graficzny --->prawy górny róg (edytor stylów) [ikonka koła zębatego];

Podaj sklep to będzie można coś więcej pomyśleć o tym "przesuwaniu".

 

Dziękuję. adres to: ortico.pl

Jeszcze pytanie jak zlikwidować ten czarny kwadrat przy zaloguj się i czy jest możliwość edycji kolorów napisu "zarejestruj" "zaloguj" aby pasowało kolorystycznie do sekcji "menu" "mowości" "promocje" znajdujące się pod logo?

Dziękuję.

 

Za kolor odpowiada właściwość... 'color'. Miało być biało-czarno i tak ustawiłem. Jeśli chciałbyś "potestować" to i owo - to zmień wartość pierwszej właściwości. Aktualna to: #000.

Czarny kwadrat to tło [background:#000;] - możesz usunąć, ale wtedy nie będzie się wyświetlał obrazek.

Ja to trochę zepsułem. Popraw:

Code:

.login-bar a.login img, .login-bar a.logout img {

background: transparent url ("http://www.ortico.pl/skins/user/rwd_clickshop_2/images/login.png") no-repeat scroll right top #000;

}

Obrazek jest jasny, zatem musi być na ciemnym tle - jeśli chciałbyś inaczej - stwórz własny obrazek - ciemny - wrzuć na serwer i podmień ścieżkę, usuwając #000 z kodu powyżej.

-----------------------------------

Taka sugestia jeszcze. Po najechaniu na przyciski menu pojawia się zielony kolor. Warto zmienić:
https://forum.home.pl/threads/zmiana-koloru-menu-nawigacji-w-skorce-rwd.141/

 

Podnoszę temat. Przeszukałam całe forum. Sporo uzyskałam pomocy. Jesteście niezastąpieni
Zrobiłam wg tego jak powyżej ale mam jeszcze inne prośby :
1/ jak zmienić kolor tła koszyka na biały a kolor czcionki na swój (73706C)
2/ jak zmienić kolor czcionki "zaloguj się" "zarejestruj się" na powyższy,
3/ jak zmniejszyć pasek z logo
4/ jak zwiększyć wielkość czcionki w kategoriach i produktach w menu.
5/ jak słowo Menu zmienić na duże litery MENU

 

1)

Code:

header .logo-bar .basket.empty-basket, header .logo-bar .basket {
    background: #FFFFFF;
}

header .logo-bar .basket a {
    color: #73706C;
}

2)

Code:

.login-bar a {
    color: #73706C;
}

3) tzn?

4)

Code:

.#box_menu ul li a {
   font-size: 14px;
}

5)

Code:

#box_menu .large.standard.boxhead > span {
   text-transform: uppercase;
}

 

Dzięki, wczoraj wyłączyłam już kompa bo ranko musiałam wstać.

Nie wszystko zadziałało
1/ "Koszyk" jest na moim kolorze a czcionka biała. Miało być odwrotnie.
2/ ok
3/

logo mam małe a pasek (tło) wysokie. Wygląda to brzydko.

4/ ...
5/ dalej jest Menu a chciałabym aby było MENU (wszystkie duże literki)

No i kolejne - jak zlikwidować czarny kwadracik przed zaloguj się. Nie podałam, że to styl RWD Może to jakaś różnica

 

Oj, wciąż coś !!!!!!!!
Jak zmnienić czcionkę "zaloguj się" "rejestracja"?
Chciałabym aby była taka sama jak jest w "strony informacyjne - nagłowek i stopka"
W RWD nie poszaleje się z czcionką. Chciałabym móc zmieniać ją ale to co proponują w edytorze stylu jest ubogie.
Czy mogę dołożyć czcionki? jeśłi tak to jak.
Wrócę po 17-ej

 

https://forum.home.pl/threads/czy-mozna-dodac-wlasne-fonty-do-sklepu.456/#post-2649

 

WItam,
dzięki za sporą pomoc. Niestety nie wszystko wyszło tak jak bym chciała.
1/ tło koszyka nadal jest szare.a czcionka biała. Chciałabym aby było odwrotnie - tak jak jest z "zaloguj się"
2/ jak zlikwidować kwadracik przed "zaloguj się"
3/ jak wkleić własne ikonki np koszyka,
4/ litery słowa Menu nadal nie zmieniły się. Chciałabym aby były same duże - tak jak pozostałe w nagłówku. (dodałam Menu do nagłówka jako link)