Allgemeine Frage und Balken vor und nach Footer

Hier auf der Seite:
exbrained.com

Ist vor und nach dem Footer ("Footer-Widget") eine schwarze Zeile und ich weiß nicht, wie und wo ich die wegmachen bzw. verändern kann.

Ich verwende Wordpress mit dem OceanWP Theme und Elementor Pro.

Ich bin da ehrlich gesagt sehr verwirrt. Wie ist das ganze denn hierarchisch aufgebaut?

Ich verstehe es so:

• wenn man auf Seite bearbeiten klickt, landet man auf der OceanWP Bearbeitung.
• Klickt man dort wiederum auf "Zurück zum Wordpress Editor", landet man auf der Wordpress Bearbeitung, das "Primitivste"
• Klickt man aber auf "Mit Elementor bearbeiten", landet man auf der Elementor Bearbeitung.

Bei den Templates gibt es ja auch verschiedene:

• Bei der OceanWP Bearbeitungsseite stehen zur Auswahl "Standard-Template", "Elementor Canvas", "Theme", "Landing Page". Wo kann man diese Bearbeiten und warum sollte man es tun?
• Dann gibt es Wordpress Templates die man sich komplett selbst erstellt. Also im wp Menü einfach "Templates".
• Dann bei OceanWP, "My Library"

Das ganze ist so verwirrend, weil ich zB einen Footer erstellen wollte. Das ging dann über Design -> Customizer -> Footer Widget. Und dort konnte man nur Templates auswählen aus "My Library".

Ich wollte auch den Header einfach schmaler machen (also die vertikale Höhe reduzieren), ich konnte es auch nirgends finden.
Hat jemand eine Hilfe oder ähnliche Probleme? Ich komme da echt durcheinander...

Eine Ergäzung: Ich hatte überlegt, dann einfach alle Elemente wie Footer, Header usw. in Elementor zu erstellen und dann als Template ("My Library") zu speichern. Aber dies geht ja auch nicht, da bei dem Customizer Menü der Footer zwar aus My Library verwendet werden kann, aber beim Header gibt es diese Auswahlmöglichkeit nicht.

Wie habt ihr den Header und Footer gemacht?

Zitat von SEpp55

Für die erste Frage hilft es. den nachfolgenden Code im Customizer in Zusätzliches CSS einzufügen.

Code

#footer-widgets {
  padding: 0;
}

Hallo SEpp55,
danke für die Antwort erstmal. Im Customizer gibt es "Custon CSS/JSN". Meintest du das? Dort steht bei mir folgendes:

/** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/


.envato-kit-138-bracket .elementor-widget-container > *:before{
    content:"[";
    color:#ffab00;
    display:inline-block;
    margin-right:4px;
    line-height:1em;
    position:relative;
    top:-1px;
}


.envato-kit-138-bracket .elementor-widget-container > *:after{
    content:"]";
    color:#ffab00;
    display:inline-block;
    margin-left:4px;
    line-height:1em;
    position:relative;
    top:-1px;
}


/** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/

Ich habe nun den Befehl von Dir reingehauen und die Balken sind nun weg, cool! Danke dafür schonmal!
Das Problem ist zwar behoben, aber da ich nie etwas über CSS gearbeitet habe, weiß ich nicht, was genau dies eigentlich bewirkt hat, also wie es manuell geklappt hätte. Was genau sagt denn das hier aus? Und wie ist das, kann man von allem die CSS Befehle sehen? Oder muss man sich in jeden Bereich reinklicken und das CSS einzeln ansehen? Und vor allem: Was genau wurde jetzt geändert? Ein Template oder nur diese Seite?

Danke dir für die Info!
Also verstehe ich es richtig, dass letztlich alles Händische in CSS dargestellt wird. Und der CSS "Code", der im Customizer steht, hat das letzte Wort. Ist es richtig?

Weißt du vielleicht wo es eine Übersicht gibt, zu den unterschiedlichen Tools wie Elementor, Wordpress und OceanWP? Weil anscheinend gibt es ja konkurrierende Einstellungen und man verliert schnell die Übersicht über die Hierarchie.

Also wie kann man z.B. den Header bearbeiten? Das habe ich nirgends gefunden...
Weil z.B. bei Customizer beim Header gibt es gar keine CSS Auswahlmöglichkeit

Hallo SEpp55,

danke für die Antwort, ich habe es ehrlich gesagt nicht ganz verstanden, ich hatte viel gegoogelt, aber die komme offen gestanden sehr durcheinander.
Z. B. dein Tipp mit
#footer-widgets {
padding: 0;
}
fügt ja das Footer Widget überall global ein. Aber was ist, wenn ich z.B. auf der englischen Version einen anderen Footer möchte?
Ich komme nicht ganz zurecht mit den vielen verschiedenen konkurrierenden Möglichkeiten.

Wie kann man denn eigentlich den CSS Code anzeigen lassen, der bereits im Hintergrund existiert? Das konnte ich auch nicht finden...

Zitat von SEpp55

Ich weiß nicht, was du damit meinst!

Also nehmen wir als Beispiel "Template". Es gibt bei Wordpress selbst ein "Template", nämlich "Standard-Template", "Volle Elementorbreite", "Child Theme" usw. Dann gibt es ja Links im Menü "Meine gespeicherten Templates" und es gibt dann noch "Theme Builder" wo auch Templates dabei sind und dann gibt es ja noch bei OceanWP "Meine Bibliothek" Wo auch wieder Templates gespeichert sind. Deshalb frage ich mich, wie ich arbeiten soll mit welchem Template.

Oder anderes Beispiel ist der "Footer". Wenn ich auf Seite bearbeiten klicke, landet man ja zuerst bei der Wordpress bearbeitung. Dort gibt es einen Footer. Dann gibt es bei den Theme Builder einen Footer. Und dann auch über den Customizer auch wieder ein Footer-Widget. Welchen Footer muss ich wählen und die anderen dann Deaktiv lassen damit die sich gegenseitig nicht im Wege stehen ("konkurrieren"). Also mit welchem Footer sollte man arbeiten und von welchen die Finger lassen damit nicht alles verheddert wird? Ich habe jetzt im Theme Builder ein Footer erstellt aus meinen Templates. Das geht gut, aber da ist unter dem Footer wieder eine Zeile leer. Mit deinem Code kann ich es zwar fixen, aber ich verstehe das System nicht.

Zitat von SEpp55

siehe #5 bis zum Bild!

Also das habe ich verstanden, aber wie geht es bei Wordpress? Also wenn ich nach Lösungen google, dann steht oft dort sowas, dass der CSS Code geändert werden soll von X nach Y. Aber wo kann man den CSS Code ändern? Du hast mir beigebracht wo man etwas neues hinzufügen kann (Customizer) aber ich weiss nicht wo das landet und wie das gesamt CSS aussieht mit den anderen Befehlen. Weil wenn man etwas händisch macht steht ja auch CSS Code dahinter nur dass man sich damit nicht kümmern muss. Aber wenn man den ändern möchte, muss man ja dieses Dokument finden.
Früher war es bei Theme Editor glaube ich aber dort ist es nicht mehr.