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

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

Ist es schlimm, wenn vom Decke streichen die Wände "versaut" wurden (Gipskartonwände ohne Grundierung), die direkt und einmalig farbig gestrichen werden sollen?

Raufaserdecken wurden vom Maler gestrichen und die Wände haben am Übergang nicht gerade wenig Farbe abbekommen. Die Gipskartonwände wollen wir direkt farbig einmalig mit STO Rapid streichen (sind noch ohne Tiefengrund). Ist das jetzt ein Problem?

Wir wollen eigentlich glatte Wände und ich mache mir jetzt Sorgen auch weil an der Stelle kein Tiefengrund ist und die Farbe dort jetzt auch nicht glatt ist.

Mein Freund wollte den Tiefengrund erst noch auftragen.

Der Maler ist noch nicht ganz fertig. Für schnelle Antworten wäre ich sehr dankbar.

Ich hätte erwartet, dass er am Rand sauber mit Pinsel arbeitet.

Jule

...zum Beitrag

Sehen füchse schwarz oder farbig?

Frage steht oben :) Bitte schnell antworten

...zum Beitrag

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

...zum Beitrag

Welches Auftrags Portal für Webdesigner?

Hallo,

ich brauche für meinen Webshop, der schon sehr gut läuft und nun zu einem anderen Anbieter wechseln soll, einen Webdesigner, der das Projekt dauerhaft betreut. In welchem der Portale (ähnlich myhammer.de) stelle ich am erfolgreichsten einen Auftrag dafür ein??

...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

Schöne Aquarium Pflanzen?

Hallo zusammen,

Kennt jemand farbige (kein grün ;) ) Aquariumpflanzen, welche nicht wahnsinnig schnell wachsen?
Danke im Voraus.

...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

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

Warum sind Blumen Farbig?

...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

Was möchtest Du wissen?

Deine Frage stellen