Headergrafik anpassen

Hallo und guten Abend,

könnte mir mal jemand helfen bei der Headergrafik des Design´s. Hab mir einen eigenen Header fertig gemacht passend zum Winterdesign. Nur leider wird die Grafik wiederholt auf der linken Seite.

Nutze ich folgende Individuelles CSS Codes für .pageHeaderContainer

@media (min-width: 1025px){
.pageHeaderContainer {
background: url('#{$style_image_path}pageheader.jpg');
background-repeat: no-repeat;
background-position: right top;
background-size: cover !important;
height: 216px;
background-color: rgba(255, 255, 255, 1);
min-width: $wcfLayoutMinWidth ;
max-width: $wcfLayoutMaxWidth;
}

passt das ganze recht gut, nur leider fehlen mir dann die breadcrumbs

Das sind die Originalen Werte für .pageHeaderContainer

@media (min-width: 1025px){
.pageHeaderContainer {
background: url('#{$style_image_path}pageheader.jpg');
background-repeat: repeat-x;
background-position: right top;
background-color: rgba(255, 255, 255, 1);
min-width: $wcfLayoutMinWidth ;
max-width: $wcfLayoutMaxWidth;
}

Website: http://wbb.der-ls-treffpunkt.de/forum/index.ph…lore-impressum/

Hallo, es geht nicht um das Magnifico Style, sondern um das Xmas Time. Mein Fehler, hatte es nicht auf Standard gesetzt. Hab es grad mal umgestellt

Ja das passt jetzt so auch aber schau dir nun mal die Headergrafik an, welche sich "links" wiederholt.

weil ich diese css codes nutze

@media (min-width: 1025px){
.pageHeaderContainer {
background: url('#{$style_image_path}pageheader.jpg');
background-repeat: repeat-x;
background-position: right top;
background-color: rgba(255, 255, 255, 1);
min-width: $wcfLayoutMinWidth ;
max-width: $wcfLayoutMaxWidth;
}

Nutze ich aber dann diese zusätzlichen codes

@media (min-width: 1025px){
.pageHeaderContainer {
background: url('#{$style_image_path}pageheader.jpg');
background-repeat: no-repeat;
background-position: right top;
background-size: cover !important;
height: 216px;
background-color: rgba(255, 255, 255, 1);
min-width: $wcfLayoutMinWidth ;
max-width: $wcfLayoutMaxWidth;
}

Passt es mit der Grafik, aber die breadcrumbs fehlen dann.

Quote from scy

dann lasse das height: 216px; weg

Naja soweit war ich ja bereits, nur sieht die Grafik dann gezerrt aus und unscharf

Super mcburn das ist es

Hab statt

margin-top: 16px;

mal

margin-top: 33px; 

genommen und siehe da, alles bestens