ROZWIĄZANE Minimalizm jest piękny

Cześć,
walczyłem 3 dni i poległem.
wzorując się na świetnej skórce http://click-szablon45.home.pl/ nie mogę dojść do tego jak zmienić górę strony (z załącznika).

Czyli:
- skasowanie ikonki domku "home"
- zmienienie czcionki na podobną z załącznika
- zmienienie całego górnego narożnika (dodanie ikonek i zmianę wyszukiwarki i pozbycie się tła w koszyku)
- i tej ładnej kreski oddzielające menu od reszty strony

Proszę pomóżcie, bo jestem tak na tym skupiony, że nie mogę zacząć reszty

 

Nikt nie podpowie?

 

Niestety mimo, że robiłem krok po kroku - nie udało mi się z tymi ikonkami. A naprawdę przy tym spędziłem sporo czasu.

A jeśli chodzi o wyszukiwarkę - to od tego zacząłem ale nie znalazłem zmiany wyglądu koszyka na taki z załącznika czy usunięcie ikonki "HOME".

Ale jeśli przeoczyłem, to wdzięczny byłbym za podpowiedź

 

Dzięki !
a idąc tą drogą to skasowanie ikony "domku" to będzie?:

.menu .innermenu .menu-list li.home-link-menu-li a img {display:none}

Za boga nie mogę też zmienić koloru podświetlania z zielonego na czarny a litery, żeby wtedy były białe. Próbowałem zrobić to "badając element", ale nie pokazuje mi tego zielonego koloru w kodzie.

 

Połowiczny sukces
+ mam białe tło w "koszyku"
+ mam czarny font

- wciąż jest tam ta czarna ramka
- wciąż mam tą ikonę "domek" na początku menu
- nie mogę pokonać zielonego podkreślenia jak najadę na link
i mam w "szukaj" niebieskie tło i ramkę

ile to się trzeba namęczyć, żeby wyszedł fajny layout

 

Kod:

.menu .innermenu .menu-list li h3 a:hover {
background-color: #336666;
}
#box_menu ul li.current > a {
    background-color: #336666;
}
.sort-and-view .sortlinks .products-sort-container .products-sort-options a.active-sort:hover {
    background-color: #336666;
}
.sort-and-view .sortlinks .products-sort-container .products-sort-options a.active-sort {
    background-color: #336666;
}
.sort-and-view .sortlinks .products-sort-container .products-sort-options {
    border-color: #336666;
}

Ja mam coś takiego do zmiany koloru podświetlania menu - może pomoże?

 

Kod:

header .logo-bar .basket {
    border: 0px solid #d8d8d8;
}

Kod:

li.home-link-menu-li {
display:none;
}

Kod:

.menu .innermenu .menu-list li h3 a:hover {
    background-color: #c7c7c7;
}

Zamiast koloru #c7c7c7 możesz wstawić każdy inny kolor.

Powyższego nie mogę zreplikować. Nie mogę znaleźć, o które niebieskie tło i ramkę chodzi. Proszę o dokładniejszy opis.

 

ramka pewnie dla pola input, bez adresu strony ciężko stwierdzić

 

http://sklep1784855.home.pl/

 

Kod:

header .logo-bar .search-form .search-input {
    border: none !important;
}
header .logo-bar .search-form .btn {
    border:  none !important;
}

pierwsze dla pola szukaj, drugie dla przycisku z lupką.

 

tamto zlikwiduje ramkę,
jak chcesz bez koloru to dodaj do obu:

Kod:

background: transparent !important;

 

Kod:

li.home-link-menu-li {
display:none;
}

ta komenda niestety u mnie nie zadziała - wciąż mam "domek"

Kod:

Powyższego nie mogę zreplikować. Nie mogę znaleźć, o które niebieskie tło i ramkę chodzi. Proszę o dokładniejszy opis.

chciałbym ze standardu po lewej stronie, zmienić na tą wyszukiwarkę po prawej.


https://forum.home.pl/attachments/toto-png.2157/?temp_hash=790fd2dcce61a4958d5a097badfad142[/CODE]

 

- A wiesz jak dodać pod jednym i drugim takie delikatne podkreślenie jak tutaj?:
https://forum.home.pl/attachments/toto-png.2157/?temp_hash=790fd2dcce61a4958d5a097badfad142
i przesunąć koszyk do prawej krawędzi?

 

Kod:

.menu .innermenu .menu-list li.home-link-menu-li a img {
display:none !important;
}

i już domku nie masz
tej wyszukiwarki nie kumam o co chodzi

 

jak nie wiem jak wiem
dodaj do obu:

Kod:

border-bottom: 1px solid !important;

grubość ustalasz w pixelach

 

Koszyk do prawej:

Kod:

header .logo-bar .basket > a.count > span.countlabel {
float:right !important;
}

 

Coś mi nie poszło z tym podkreśleniem koszyka ... możesz spojrzeć?
podkreśliło mi z trzech stron