ROZWIĄZANE Tło nagłówka - zmiana szerokości

Witam,
proszę o pomoc. Jak wypośrodkować tło nagłówka? W załączeniu przesyłam screena.
Myślałam, że jest to zależne od wielkości grafiki, ale jak zmniejszyłam grafikę to tło wyrównywało się do prawej strony.

Z góry dziękuję za pomoc!

 

Dziękuję Po wprowadzeniu wyszło jak w załączniku. Możliwe, że jeśli zmniejszę grafikę tła uzyskam pożądany efekt.
Czy czarny pasek nad grafiką można dostosować do jej wymiarów?

 

A może istnieje jakiś inny sposób, żeby dostosować to tło nagłówka do marginesów strony (zanim zacznę przerabiać grafikę)?

 

Przerobiłam grafikę, zmieniłam pasek u góry wg kodów podanych przez Thela.
Nie potrafię jednak zmienić położenia wyszukiwarki i koszyka oraz dopasować szerokość paska z logowaniem do tła nagłówka. Mam jeszcze pytanie czy można zmienić kolor cen, które są przekreślone? Załącznik.

 

Próbowałem zajrzeć na Twoją stronę, ale chyba masz nadal aktywny stary szablon sklepu. Rozumiem, że nowego szablonu, który modyfikujesz, jeszcze nie aktywowałaś? Abym mógł Ci pomóc, muszę zobaczyć na stronie jak to wygląda na nowym szablonie. Na podstawie samego zrzutu ekranu nie będę w stanie Ci pomóc.

 

Włączyłam RWD. Muszę jeszcze kilka rzeczy poprawić, ale niech już będzie ta nowa wersja

 

Poniżej podaje kod, który spowoduje zmianę koloru dla przekreślonych cen. Zamiast koloru #d0d0d0 podaj inny kolor.

Kod:

.product .price del {
    color: #d0d0d0;
}

Mam problem ze zrozumieniem tego, proszę o dokładniejszy opis. Nie potrafię sobie wyobrazić jak miałbym dopasować szerokość paska z logowaniem do tła nagłówka. Napisz proszę co dokładnie chcesz dopasować?

Proszę opisz mi w jaki sposób chcesz zmienić położenie wyszukiwarki i koszyka. Chciałabyś oba te dwa elementy przesunąć trochę bardziej w lewo? Wydaję mi się, że będziemy mogli zmienić położenie tych dwóch elementów, napisz mi tylko proszę w odpowiedz w jaki sposób chcesz zmienić ich położenie (w którą stronę itp.).

 

@Grzesiek @Mariusz

Kod:

header {
    background-position: center;
}

Kod ładnie zadział ale jak zrobić aby nagłówek był rozciągniety na całą szerokosć strony oraz jak przeniesć Koszyk na lewą strone czarnego paska ?

 

@Tomek333 przenosiny koszyka wyżej realizowałem w ramach tego tematu na forum: https://forum.home.pl/threads/przeniesienie-wyzej-koszyka-w-moim-szablonie-sklepu.1243/ (użytkownik z tego tematu chyba korzystał z tego samego szablonu RWD)

@TheL robiłeś może kiedyś coś takiego? Tomkowi chyba chodzi o to, aby rozszerzyć obrazek w nagłówku na całą szerokość strony.

 

Tak chciałbym aby był aż do tego momentu strony (4)

 

Odnosnie pytania mojego wyżej nie trzeba nic poszerzać wystarczy wyposrodkować tym kodem

Kod:

header {
    background-position: center;
}

a następnie dodać zdjęcie w odpowiedniej szerokosci i wysokosci.