ROZWIĄZANE Prośba o sprawdzenie mojego własnego stylu CSS w sklepie - mam błędy oraz dużo własnych modyfikacji

Zacznę od tego, że probuje korzystać z forumowych juz zaproponowanych rozwiazań lecz nie wszytsko działa. Za dużo może naładowałem w CSS i teraz już są jakieś błedy, że nie mogę dodać kolejnych "ulepszeń" w sklepie.
1) Chcę usunąć ten pasek czarny co razi w oczy nad koszykiem.
2) Chcę usunąc tą głowkę z czarnego paska obok zarejestruj sie
3) Chcę zmienić wygląd wyszukiwarki i koszyka na bardziej "subtelny"

i tak wiem, że tematy były sam także jeden napisałem, lecz nie przynosi mi to żadnych rezultatów.
może ktoś kto się zna spojrzy na użyte przeze mnie kody w CSS i powie co trzeba ewentualnie poprawić;

sklep : www.smaily.pl

.products.viewphot .product:hover {
-ms-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
background-color: #fff;
z-index: 999;
box-shadow: 0 0 40px 5px rgba(0,0,0,0.2);
}
.centercol .products .product:hover {
border: 2px solid #3b538c;
}
.centercol .products .product {
border: 0;
border-bottom: 5px solid #3b538c;
}/* webcoders mod-072 */
#box_facebooklike{
width: 288px;
}
.box_facebooklike_bg{
opacity: 0;
visibility: hidden;
}
.box_facebooklike_wrap{
position: fixed;
width: 288px;
left: -288px;
top: 10px;
z-index: 9002;
}
.box_facebooklike_wrap .ribbon{
width: 50px;
height: 50px;
position: absolute;
margin-right: -50px;
background: url("../images/user/FB-f-Logo__blue_50.png") no-repeat;
z-index: 1;
right: 0;
}
.box_facebooklike_wrap .box{
background: #fff;
margin: 0 !important;
}
.box_facebooklike_wrap .box.shaded{
-webkit-box-shadow: -3px 3px 15px -5px #000;
-moz-box-shadow: -3px 3px 15px -5px #000;
box-shadow: -3px 3px 15px -5px #000;
}

.box_facebooklike_wrap .box iframe{
display: block;
width: 100% !important;
}

@media (max-width: 768px){
.box_facebooklike_wrap{
top: 0;
bottom: 0;
}
.box_facebooklike_wrap .ribbon{
width: 29px;
height: 29px;
margin-right: -29px;
margin-top: 10px;
background: url("../images/user/FB-f-Logo__blue_29.png") no-repeat;
}
.box_facebooklike_wrap .box{
height: 100%;
overflow: auto;
header .logo-bar .search-form .search-input {
height: 36px;
min-height: 36px;
}
header .logo-bar .search-form .btn {
height: 36px;
width: 36px;
}
header .logo-bar .basket {
height: 36px;
line-height: 36px;
min-width: 220px;
padding: 0 1em;
}header .logo-bar .search-form .btn {
border-left: medium none;
border-radius: 0;
padding: 0;
}
header .logo-bar .search-form .search-input {
border-radius: 0;
border-right: medium none;
}#box_menu ul li li a {
background-color: lightblue;
color: white;
}header .logo-bar .basket.empty-basket, header .logo-bar .basket {
background: #FFFFFF;
}

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

 

sam czarny pasek skasujesz przez dodanie

Kod:

.login-bar {
background-color: transparent;
overflow: hidden;
}

ale przez to znikną białe logowanie i rejestracja
więc dodaj jeszcze:

Kod:

.login-bar a {
color: #0b96d6;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
padding: 1.3em;
}

ps. białe ikonki znikną

 

wyszukiwarkę i koszyk opisałem w temacie: https://forum.home.pl/threads/zmniejszenie-rozmiarow-dla-wyszukiwarki-i-koszyka.730/ może taka zmiana Ci przypasuje

 

wszystkie kody, które podałem skasuje i zaczne na nowo

 

To jest tak, że niektóre style muszą być wstawiane w odpowiedniej kolejności, zrób sobie kopię templatki na której będziesz pracował dzięki temu strona będzie działała bez problemu, a Ty doprowadzisz templatkę do doskonałości.

 

Wydaje mi się, że będzie to najlepsze rozwiązanie. Zwracaj uwagę w swoim kodzie na rozpoczynanie i zakańczanie wpisów, ponieważ niepoprawne zakończenia w CSS (brak znaku "}" lub "średnika ;") są najczęstszymi przyczynami zgłoszeń, że coś nie działa w proponowanych przez nas modyfikacjach CSS.

 

Także temat można usunąc dzieki za odpowiedzi

 

Dokładnie jest tak jak napisał @Mariusz, trzeba bardzo uważnie kopiować kody. Dodatkowo tak jak napisałem, czasami np przy css różne klasy dziedziczą z innych inne nadpisują właściwości, więc jedne modyfikacje mogą nie współpracować z innymi bez pewnych zmian w nich.
Polecam też w stylu opisywanie co dana zmiana ma robić, łatwiej wtedy dojść do kodu odpowiedzialnego za dane rzeczy.
Komentarze w css wstawiamy następująco:

Kod:

/*
to jest komentarz cssowy
*/