1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Seitenhintergrund transparent gestalten

Dieses Thema im Forum "Design" wurde erstellt von Fabelhaft, 22. Januar 2016.

  1. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    Servus,
    ich nutze das Matheson Theme und möchte den weißen Hintergrund meiner Seiten, 80% transparent machen, um das Hintergrundbild für die gesamte Homepage sichtbar zu machen.
    Habe schon CSS Plugins versucht und alle möglichen Eingriffe in das Style:Css; leider ohne Erfolg.

    Ich hoffe, es kann mir jemand helfen.
     
    #1 Fabelhaft, 22. Januar 2016
  2. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Die Theme-Vorschau bei wordpress.org ist nicht besonders ergiebig. Dort erkenne ich jedenfalls kein (seitenfüllendes oder annähernd seitenfüllendes) Hintergrundbild, sondern ein Headerbild, das über dem weißen Hintergrund liegt.

    Kannst du einen Link zu deiner Seite posten und beschreiben, was du genau wie haben willst?

    Gruß
    helix
     
    #2 helix, 22. Januar 2016
  3. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    Hallo helix,
    die Seite ist noch nicht online, aber hier ist ein Screenshot. Vielleicht hilft dir das weiter.

    Bildschirmfoto 2016-01-22 um 20.27.43.jpg
     
    #3 Fabelhaft, 22. Januar 2016
  4. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    An den Rändern erkennt man eine Holzoptik. Das ist im Grunde das Hintergrundbild der gesamten Seite und ich möchte den weißen Untergrund von allen Seiten so transparent haben, dass man das Holz quasi gut erkennt
     
    #4 Fabelhaft, 22. Januar 2016
  5. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    #5 Hille, 22. Januar 2016
  6. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    Danke Hille für deine Antwort. Das mit "RGBA" habe ich auch schon oft gelesen, weiß nur nicht, wo genau ich das im Code eingeben soll. Sorry, aber ich bin Neuling und versuche mich nicht allzu doof anzustellen ;)
     
    #6 Fabelhaft, 22. Januar 2016
  7. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    Habe nun folgendes eingegeben: rgba(220,160,140,0.5)
    und dann kam das bei raus:     Bildschirmfoto 2016-01-22 um 20.55.15.jpg
     
    #7 Fabelhaft, 22. Januar 2016
  8. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    davor stand dort Background: transparent;
     
    #8 Fabelhaft, 22. Januar 2016
  9. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    Freundlicherweise hast du in deinem Screenshot die Adresse im Browseradressfeld stehen … (Grins …)

    Sinnigerweise legst du dir ein Child-Theme an …

    Für deinen weißen Hintergrund ist diese Definition verantwortlich:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Das Wörtchen „white“ ersetzst du durch die rgba-Angabe:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    und packst das ganze in die style.css deines Child-Themes.

    Hat dich das nicht stutzig gemacht, dass du versucht hast, einen transparenten Hintergrund in einen halbtransparenten umzuwandeln?

    Gruß
    helix
     
    #9 helix, 22. Januar 2016
  10. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    Klar war ich stutzig, aber halt auch verzweifelt...
    Jetzt meinst du, ich soll das Theme Matheson zu Child wechseln?
     
    #10 Fabelhaft, 22. Januar 2016
  11. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    #11 Hille, 22. Januar 2016
  12. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    Bildschirmfoto 2016-01-22 um 21.24.57.png
    so, hab's gefunden und eingetragen und es hat sich schon mal was getan
     
    #12 Fabelhaft, 22. Januar 2016
  13. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    Bildschirmfoto 2016-01-22 um 21.27.04.jpg
    zumindest oben ist was passiert
     
    #13 Fabelhaft, 22. Januar 2016
  14. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    mit dem plugin geschieht exakt das gleiche
     
    #14 Fabelhaft, 22. Januar 2016
  15. Fabelhaft

    Fabelhaft Member

    Registriert seit:
    22. Januar 2016
    Beiträge:
    11
    Zustimmungen:
    0
    es geht!!! vielen Dank!!!!!
     
    #15 Fabelhaft, 22. Januar 2016
  16. Spacewarp

    Spacewarp Member

    Registriert seit:
    10. Juli 2020
    Beiträge:
    11
    Zustimmungen:
    1
    Mhhh.....
    Hi das Thema klingt interessant.
    Ist zwar schon Jahre her, aber kann mir jemand die Endlösung verraten?

    Danke
     
    #16 Spacewarp, 10. Juli 2020
    YLS gefällt das.
  17. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.142
    Zustimmungen:
    592
    Mit diesem uraten Beitrag streik schon die Bartwickelmaschine!
    Schreibe eine neue Anfrage mit den erforderlichen Angaben Siehe hier, besonders (II)
     
    #17 SEpp55, 5. September 2020
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden