Header und Footer transparent

parafux

Hallo, kann mir jemand sagen, wie ich auf der Seite
http://www.mein-foto-archiv.de
den Header und den Footer entferne, oder zumindest transparent mache, sodass nur noch der Hintergrund sichtbar ist, und zwar nicht nur auf der Hauptseite sondern auf allen Seiten und Beiträgen.
Danke
p.

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

WebbR

z. B. so:

Code

nav, .bg-dark {
    background: rgba (255,255,255,0.6) ;
}

parafux

nein geht leider nicht, s. Foto
Eingefügt habe ich es in das style.css

damit gehts offenbar, sprich ohne space nach rgba:

nav, .bg-dark {
background: rgba(255,255,255,0.6)
}

weitere Fragen:

1. wie kann ich eigentlich Chrome dazubringen, dass er das update auch anzeigt, denn dort sehe ich leider noch die alte version mit schwarz/weissem Hintergrund. im Edge klappts

2. bei allen anderen Seiten möchte ich das Menü jedoch darstellen, sprich dem header eine andere Transparenz geben, geht das? z.B. hier: http://mein-foto-archiv.de/fotos/

parafux

kann ich den dünnen schwarzen strich unter dem header und das Suchfeld auch noch irgendwie entfernen?

SEpp55

zu...

Zitat

damit gehts offenbar, sprich ohne space nach rgba:

nav, .bg-dark {
background: rgba(255,255,255,0.6)
}

Grundsätzliches:

Zitat

Zwischen geschweiften Klammern stehen eine oder mehrere Deklarationen, auch Anweisungen genannt. Sie beschreiben die Gestaltung der Elemente, auf die der Selektor zutrifft. Jede Deklaration besteht aus einem Eigenschaft-Wert-Paar und wird mit einem Semikolon beendet.

- Quelle Go..le

Zitat

kann ich den dünnen schwarzen strich unter dem header

Ergänzung inkl. bisheriger Anpassung.

Code

nav, .bg-dark {
    background: rgba(255,255,255,0);
    border: 0;
}

SEpp55

Zum Suchfeld!

Code

.search-form, .woocommerce-product-search {
    display: none;
}


.module.widget-handle {
    display: none;
}

Änderungen wie immer im Dashboard unter Design - Customizer - Zusätzliche CSS machen!!

Weiters würde ich folgendes auch noch einfügen:

Code

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #b1b2b4;
}

Dann werden die Überschriften sichtbar ;-)

parafux

Danke vielmals, es sieht schon sehr viel besser aus. Doch was ich jetzt noch gern hätte, wäre die Dartellung des Headers (inkl. Menü) auf allen Seiten und Beiträgen außer der Home-Seite, sprich das Menü soll kontrastreich überall dargestellt werden außer auf der Homepage.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header und Footer transparent

Jetzt mitmachen!