Sliderbereich transparent

    Hallo,

    ich möchte gern ein Hintergrundbild komplett (Slider und Seiten links/rechts) einfügen, dass heißt, dort wo der weiße Balken zu sehen ist, soll das Bild von den Rändern weitergeführt werden.

    http://esw-habicht.de/wordpress/holz/

    Wenn ich das Bild zuschneide, und an der (Slider) Position einsetze, verschiebt sich leider das Bild bei längerem Text.

    Gibt es eine Möglichkeit, den weißen Balken (Bereich Slider) transparent zu machen, so dass das komplette Foto zu sehen ist?

    Vielen Dank schon jetzt für eure Antworten.

    • Gerade eben
    • Anzeige

    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

    Hi,

    welcher Slider?
    Ich bekomme keinen angezeigt.

    Kann man jetzt nur allgemein beantworten und ich hoffe du kennst dich etwas mit css und Browser Entwickler Tools aus, sonst wird es für dich etwas fummelig umzusetzen.

    Wenn du mit der Rechten Maustaste auf den Slider klickst und aus dem Kontextmenü Element untersuchen wählst, solltest du die css Klasse ermitteln können, welche in der style.css vergeben ist.
    Falls dies nicht per Einstellung im Adminbereich geregelt wird, musst du mal schauen, wie die Hintergrundfarbe des Sliders definiert ist.

    Sollte diese mit background-color: #fff; (oder #ffffff) definiert sein, musst du den Wert austauschen indem du die rgba Farbanweisung verwendest.
    Also background-color: rgba (255, 255, 255, 0.5);
    Der Wert 0.5 legt den Alphawert, also die Stärke der Tranzparenz fest, wobei 1 gleich undurchsichtig ist und 0 komplett durchsichtig. Man geht bei der Einstellung immer in .1 Schritten vor. Musst dann halt nur die Stärke eingeben, die dir zusagt.

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

    Ich verstehe zwar nicht genau, was du meinst ... aber versuche mal die background-color für #wrapper auf transparent zu setzen. Vielleicht meinst du das ja.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Zitat von schnattchen123

    [ATTACH=CONFIG]12659[/ATTACH] habe es so gemacht, wie Du es gesagt hast. Leider ohne Erfolg. ??

    Ja das ist so als Slider nicht unbedingt erkennbar, da es mit einer content Klasse versehen ist, also der Klasse die typischer Weise für die Texte der Posts und Seiten verwendet wird.

    Maxe hat ja auf den Wrapper aufmerksam gemacht und darüber kannst du das dann einstellen.

    Du musst nur die Background Anweisung gegen die Backgound-Color Anweisung in der style.css austauschen, dann geht es.

    CSS
    #wrapper {  position: relative;
  margin: 0 auto 30px auto !important;
[COLOR=#ff0000]  background-color: rgba(255,255,255,.5);[/COLOR]
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

    Leider finde ich den wrapper zwar in der Browseranzeige, in der style.css ist er aber irgendwie verschwunden :)
    In welchen CSS-Dateien könnte er noch stecken?

    Desweiteren kann ich den wrapper in der Browseranzeige transparent schalten, aber dann ist auch der Content-Bereich und die Navi-Zeile transparent.

    Könnt ihr mir dazu noch einmal helfen?

    Vielen Dank.

    Zitat von schnattchen123

    Desweiteren kann ich den wrapper in der Browseranzeige transparent schalten, aber dann ist auch der Content-Bereich und die Navi-Zeile transparent.


    Du hast es selber schon gemerkt. Mit deinem Theme ist das so ohne weiteres nicht umsetzbar. Man müsste das Template entsprechend anpassen, nur per CSS wird das kaum möglich sein.

    Du könntest trotzdem mal versuchen den #wrapper transparent zu machen und .container sowie .menu-container eine background-color zu geben. Vielleicht reicht dir das ja schon.

    Edit: wenn du etwas in der css nicht findest, schreibe es doch einfach mal dazu und schau was passiert. Evtl. musst du mit !important arbeiten.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Einmal editiert, zuletzt von SirEctor (22. Juli 2015 um 11:29)

    ist wohl doch nicht so einfach, kann den Abschnitt #wrapper in der style.css nicht finden. Also im Browser geht es problemlos, hilft mir aber nicht weiter, da nur temporär. Es ist das Theme evolve

    Wenn du ihn nicht finden kannst, einfach neu rein schreiben. Könntest du ja mal testen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    so Lösung gefunden:
    Im Theme gibt es einen Reiter "Costom CSS" dort die Änderung

    #wrapper {
    background-color: rgba(255,255,255,0);
    }


    .container {background-color: white}

    eingetragen und das gewünschte Ergebnis erhalten.

    Vielen Dank an die freundlichen Helfer.

    Gerne wieder in diesem Forum.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden