Wordpress Hintergrundfarbe der einzelnen Reiter ändern?

Hallo Allwissende,

ich habe heute eine erneute Frage.

Bild zum Beitrag

Ich sitze gerade an der Website eines Kunden. Ich benutze für diesen Auftrag das Premium Theme "Divi". Ich bin soweit fertig mit der Seite nur bekomme ich einen Wunsch nicht ganz umgesetzt. Ich weiß das ich den Hintergrund eines Reiters verändern kann! Nur schaffe ich es nicht so wie es gewünscht ist. Ich brauche dringend Hilfe, da ich den Auftrag gern schnell abschließen möchte.

Hier ein Bild was veranschaulichen soll was farbig hinterlegt werden soll.

https://drive.google.com/open?id=1DXdp_0V26Y_7_RgxnJFOzN0-RESngkD8

Der komplette Background des Menüs im header soll farbig werden. Wie gehe ich da am besten vor ?

Danke im vorraus für die schnellen & guten Antworten :)

1 Antwort

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Webseite

22.12.2018, 17:55

Finde über den Browserinspektor heraus, welches Element die komplette Menüleiste repräsentiert. Zu diesem Element wirst du einen CSS-Selektor bauen müssen, in dem die Farbe geändert wird. Wenn es kein Element gibt, dass den gewünschten Bereich umfasst, brauchst du stattdessen einen Selektor, der alle Menüitems anspricht.

Danach wirst du schauen müssen, wie du das Theme um das geschriebene CSS erweitern kannst. Dazu lassen sich, so wie ich das sehe, viele Artikel / Tutorials via Google finden.

lobo94

Beitragsersteller

22.12.2018, 17:58

leider bin ich was CSS angeht nicht so fit. Kennst du eine gute Quelle wo ich diese Informationen zeitnah bekomme ? bzw. lernen kann

regex9

22.12.2018, 17:59

@lobo94

https://developer.mozilla.org/de/

lobo94

Beitragsersteller

22.12.2018, 18:11

@regex9

https://drive.google.com/open?id=1EKmbuJV_YXotswR3odaJPI5CXx2EbVX1

also das wird mir dabei angezeigt

Ähnliche Beiträge

Wie ändere ich die Hintergrundfarbe meiner Webseite mit CSS?

Hallo, ich möchte gerne die Hintergrundfarbe meiner gesamten Webseite ändern, aber es funktioniert nicht, wie es sollte. An der Verlinkung in der HTML Datei kann es nicht liegen, da ich die Farbe von h1 ändern kann. Aber die Hintergrundfarbe von sowohl body als auch header lässt sich nicht ändern. Hat jemand eine Ahnung, woran das liegen könnte? Danke schonmal im vorraus

body{
  background-color: rgb(112, 224, 108);
  }
header{
      background-color: red;
  }
h1{
      color:red;margin-bottom: 100px;
  }

...zum Beitrag

Footer an unteren Bildschirmrand befestigen?

Hallo Community,

Ich habe gerade eine Webseite mit Divi gebaut.

Jetzte möchte ich, dass der Footer immer, auf jeder Bildschirmgröße am unteren Bildschirmrand befestigt bleibt und das Background Image soll immer die volle Höhe zum Header haben, damit der weiße Abschnitt quasi immer ausgefüllt bleibt.

Darf die Seite leider nicht posten aber ich habe hier ein Bild per Anhang hoch geladen.

Haben schon viel mit CSS codes rum probiert aber leider erfolglos.

Vielleicht findet sich hier jemand, der mir sagen kann wie es funktioniert.

Lieben Gruß

...zum Beitrag

Warum tragen kpop farbige Haare und Kontaktlinsen?

Sehe das viele Kpop Stars farbige Haare und Kontaktlinsen tragen aber verstehe nicht wieso.

...zum Beitrag

Wie werden Wordpress Websites verkauft?

Wenn man als Webdesigner arbeitet und einen Auftrag vom Kunden bekommt eine Website für ihn zu erstellen, wie genau läuft das ab?

Man bespricht die Vorstellungen, Namen der Website, und wenn man anschließend fertig mit dem erstellen ist, wird dem Kunden dann einfach sämtliche Login Daten vom Webhoster und Domain Anbieter gegeben oder wie läuft das ab?

...zum Beitrag

Wie Baue ich ein Farbigen Balken in einer HTML Überschrift ein?

Ich würde gerne bei "Bei uns gibt es" ein Balken drunter legen damit es besser aussieht

...zum Beitrag

Wie nennt man jemanden der im Auftrag Websites entwickelt (Ganz und gar(mit Domain und Webspace))?

...zum Beitrag

HTML CSS Website Footer wird im Container angezeigt, obwohl er nicht drin ist?

Hallo,

Ich "programmiere" gerade ein wenig mit HTML und CSS und baue eine Website mit einem Head, einer Main und einem Footer. Mein Problem ist, dass alle Elemente der Website nach der Main (bei mir heißt sie "Container") trotzdem noch innerhalb des Containers angezeigt werden. Somit ist bei mir der Footer im Container Main, obwohl der Container vorher schon geschlossen wurde.

-------------------------------------------------------------------------------------

HTML CODE:

<!DOCTYPE html>
<html>
 <head>
  <title>Aufgabe 1</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>
  <header>
   <header1 class="item1">
    <h2>FeWos</h2>
   </header1>
  </header>
  <div" class="container">
   <div class="b1">
    <div>
     <h1>Item 1</h1>
    </div>
    <div class="bild1">
     <img src="pingu.png" width="50%" height="50%">
    </div>
   </div>
   <div class="b1"><br>Box 2</div>
   <div class="b1"><br>Box 3</div>
   <div class="b1"><br>Box 4</div>
   <div class="b1"><br>Box 5</div>
   <div class="b1"><br>Box 6</div>
  </div>
  <footer>
   <p>Hallo</p>
  </footer>
 </body>
</html>

----------------------------------------------------------------------------------------------------

CSS CODE:

body {
  margin: 0;
}
header {
  height: 120px;
  background-color: rgb(43, 43, 43);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.container {
  border: 3px solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 90px;
  padding: 90px;
}
.b1 {
  display: flex;
  background-color: rgb(93, 161, 224);
  width: 30%;
  height: 500px;
  flex-grow: 1;
  transition: transform 0.2s ease-out;
  border-radius: 20px;
}
.b1:hover {
  transform: scale(1.05);
}
.bild1 {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: auto;
  height: auto;
}
footer {
  background-color: rgb(43, 43, 43);
  width: 100%;
  height: 120px;
  padding: 0px;
}

----------------------------------------------------------------------------

Wie man sehen kann wird der "container" mit </div> abgeschlossen, aber der Footer ist trotzdem im Container. Hoffe mir kann jemand bei dem Problem helfen.

Auf dem Bild kann man das auch ganz gut sehen. Das anthrazit farbige soll der Footer sein und dieser liegt innerhalb des Containers, welcher zur Sichtbarkeit eine Umrandung hat.
Würde mich echt freuen, wenn mir jemand weiterhelfen kann. Hab auch Chat GBT schon gefragt, aber Chat GPT sagt, dass der Code ganz normal ist und, dass der Footer nicht im Container ist.

...zum Beitrag

Brauche ich bei einer WordPress Website für einen Kunden eine Extended-lizenz oder reicht die Regular?

Hallo, wenn ich eine Website im Auftrag eines Kundes für dessen kleines Unternehmen erstellen will und dabei ein kostenpflichtiges Theme von Themeforet nutzen möchte, reicht dann die Regular Lizenz oder brauch ich dafür schon die Extended? Danke.

...zum Beitrag

Webseite auf Englisch (Datenschutz/Impressum)?

Hallo zusammen, ich arbeite nebenberuflich als Webdesiger und habe gerade einen Auftrag für einen Kunden der eine englischsprachige Webseite benötigt.

Die Domain endet mit .com

Wie ist das mit dem Datenschutz und Impressum? Reicht eine Übersetzung oder was gibts sonst noch zu beachten?

Besten Dank

...zum Beitrag

Guter Klarsicht-Nagellack gesucht

Habe einen Transparent-Nagellack (Klarsicht-Nagellack) bei ALDI gekauft. Wenn ich den Nagellack nach gewisser Zeit wieder entferne, hat sich darunter der ganze Finger- oder Zehennagel gelb- oder rötlich verfärbt.

Gibt es einen guten Klarsicht-Nagellack, der darunter die Nägel nicht verfärbt und auf den man dann farbige Nagellacke auftragen kann? Danke für Eure Hilfe und Information.

...zum Beitrag

kann man gelnägel mit normalem nagellack verziehren?

ich habe gerade ein paar videos über gelnägel auf you tube gesehen und habe das so verstanden, dass es drei gele gibt die man nacheinander auftragen muss. eins von diesen drei kann man auch farbig machen..?!

wenn ich mir aber durchsichtige gelnägel mache, kann man darauf auch normalen nagellack machen, sodass der hält?

und kann man den dann mit normalen nagellackentferner wegmachen ohne das das gel mit abgeht?

...zum Beitrag

CSS Hintergrundbild wird nicht angezeigt?

Ich mache grade eine Website, bei der oben im Header ein Hintergrundbild hinter dem Text stehen soll. Habe also ein div erstellt, eine Klasse gegeben und eine Höhe festgelegt. Wenn ich eine Hintergrundfarbe dort haben will, klappt es einwandfrei. Aber wenn ich ein background-image dort haben möchte, wird es im Browser einfach nicht angezeigt. Der Pfad stimmt, hab ihn schon mehrfach kontrolliert.

Wenn ich auf "untersuchen" klicke im Browser, wird auch dort im Code angezeigt, dass an der Stelle ein Hintergrundbild ist. Aber es wird einfach nicht angezeigt. Keine Ahnung, woran es liegt. Kann mir bitte jemand helfen?

...zum Beitrag

Microsoft Excel - Leere Zeilen farbig markieren

Hallo,

wie kann ich in Exzel alle Zeilen einer Spalte farbig markieren, zb rot aufleuchten lassen, die noch leer sind?

Da kommen leider keine Zahlen rein sonst könnte ich 0 = ... machen sondern Buchstaben, danke

...zum Beitrag

Excel aktuelle Uhrzeit farbig hinterlegen?

Gibt es die Möglichkeit die aktuelle Uhrzeit aus einer Spalte farbig zu hinterlegen?

Beispiel (Siehe Bild):

Um 07:00 Uhr morgens soll die aktuelle Spalte farbig hinterlegt sein

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen