J51 Calibri - Top-1A Transparent gestalten & Textfarbe

    Servus, beer


    Ich habe folgende Anliegen zu meiner Page http://www.köppel.pictures


    1. den auf Top 1B Hintergrund "Transparenter" gestallten.
    2. das Modul auf Top 1B schmäler machen (Höhe)


    (Beachtet das Bild im Anhang)



    Zu1:
    Ich habe quasi ein Modul erstellt mit Eigenem Inhalt (Leeres Modul) und einen Text erfasst und auf die Position TOP-1B gelegt. Der Hintergrund erscheint dann automatisch
    Die Farbe des Hintergrundes kann man übers Template einstellen.


    Mein Problem ist jetzt, wenn ich folgendes eingebe:


    #container_slideshow_modules {
    opacity: 0.6;


    wird die Schrift, wie auch der Hintergrund Transparent. Ich möchte aber NUR den Hintergrund. ;(


    Folgendes funktioniert leider auch nicht:
    #container_slideshow_modules {
    background-image: none;
    background: rgba(0,0,0,0.7);
    }


    Zu 2:


    mit "height: 80%" komme ich leider nicht weiter. Was mache ich an der Stelle falsch ? :S

    Hat jemand von Euch eine Idee für ein CSS ?
    Freue mich auch Eure Antworten.

    Zu 1.
    Mit opacity: 0.6; sprichst Du den ganzen Container an, nicht nur den Hintergrund.
    Daher musst Du nicht mit HEXA-Frabwerten #ffffff für den Hintegrund arbeiten sondern mit RGBA, also einem zusätzlichen Alphakanal, was so aussieht:

    Code
    #container_slideshow_modules {
    background-color: rgba(255,255,255,0.6);
padding: 0;
}


    Und mit dem Padding auf Null wird das Modul schon um einiges schmäler.

    Zitat von Indigo66

    Zu 1.
    Mit opacity: 0.6; sprichst Du den ganzen Container an, nicht nur den Hintergrund.
    Daher musst Du nicht mit HEXA-Frabwerten #ffffff für den Hintegrund arbeiten sondern mit RGBA, also einem zusätzlichen Alphakanal, was so aussieht:

    Code
    #container_slideshow_modules {
    background-color: rgba(255,255,255,0.6);
padding: 0;
}


    Und mit dem Padding auf Null wird das Modul schon um einiges schmäler.


    Voll super. Das mit padding hat funktionert.
    Bei dem rgba 0.6 bzw anderen Werten wird der Hintergrund leider nicht transparenter.

    Hallo,


    zu Deinem screenshot: ich sehe die Codes nicht in der custom.css. Du hast ja einige Inline Anweisungen, z.B. auch für die font.


    gib mal in die custom.css den Code von Tom ein und den 2.:


    Code
    #container_main .wrapper960 {
background-color: rgba(255,255,255,0.6);
}


    lt. screenshot fehlt nach dem: #container_main und vor dem: .wrapper960 > ein Abstand.


    Wo Du ursprünglich einen Abstand zuviel hattest (rgba(255,....), fehlt hier einer - siehe oben.


    Wäre nett gewesen, auf crossposting hinzuweisen ...... http://www.joomlaportal.de/joo…tergrund.html#post1636463


    Liebe Grüße, Christine



    Auch hier vielen Dank ! Jetzt klappt alles !!