Bild / Farbverlauf über Header (Avada)

founder

Hallo zusammen,

folgendes Problem habe ich.

Über den Header möchte ich gern einen Farbverlauf anzeigen der fix ist.

Mein Lösungsansatz war, ein Bild für den Header zu erstellen, das wird aber nicht richtig angezeigt, da sich dieses immer aus dem Sichtbereich schiebt wenn man das Browserfenster größer oder kleiner macht.

Gibt es da irgendeine andere Möglichkeit oder Lösung?

Nutze das Avada Theme.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

nature225

ggfs mit html und den entsprechenden divs eine background-color geben

SirEctor

....oder beim background mit gradients arbeiten.

Sailor56

Ausgehend von deinem Bild... mehrere farbige 'Blöcke' oben im Header... dann könnte die so ein Konstrukt an der passenden Stelle (als erstes im <header class="fusion-header-wrapper"> helfen:

HTML

<div class="color_top">
    <div class="color1"></div>
    <div class="color2"></div>
    <div class="color3"></div>
    <div class="color4"></div>
    <div class="color5"></div>
  </div>

Dazu im 'zusätzlichen CSS'

HTML

.color_top {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.color_top div {
  flex: 1;
  height: 40px;
}
.color1 {
  background-color: #f00;
}
.color2 {
  background-color: #0f0;
}
.color3 {
  background-color: #00f;
}
.color4 {
  background-color: #f0f;
}
.color5 {
  background-color: #ff0;
}

Alles anzeigen

Damit solltest du beliebig viele Farbblöcke in beliebigen Farben einfügen können.

founder

@Sailor56 MEGA! Danke. Funktioniert genauso wie ich es brauch!!! Klasse! Das gleiche brauch ich auch noch für den Footer :-) aber das bastel ich mir jetzt zurecht

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild / Farbverlauf über Header (Avada)

Jetzt mitmachen!