Logo max Breite oder Höhe

    Joomla Version
    5.1.0
    PHP Version
    Unbekannt
    Hoster
    Lokal

    Hallo zusammen,

    ich möchte dem eingebundenen Logo einen max Wert geben in der Breite oder Höhe.

    Template / Stil ist Cassiopeia.

    Aktuell hab ich das Logo in Site Template Stile > Cassiopeia - Default > Erweitert eingebunden.

    Unter dem Logo ist aktuell folgendes automatisch eingetragen worden:

    images/headers/Logo_Final_200x100.png#joomlaImage://local-images/headers/Logo_Final_200x100.png?width=200&height=100

    Ich hatte bereits eine größere Datei gewählt, diese wurde aber über die gesamte Breite skaliert. Ich möchte aber eine größere Datei nutzen können und dieser einen max-width Wert von z.b. 200 mitgeben.

    Wie ist das ein besten lösbar?


    Eine weitere Frage wäre, wie ich die Hintergrundfarbe vom Banner korrekt ändere? Aktuell gelöst habe ich das in der user.css mit:

    .container-header {

    background-color: #1a1a18!important;

    background-image: none!important;

    }

    Ich bin in Joomla ein absoluter Anfänger :S

    Gruß

    g197

    Zitat von g197
    Eine weitere Frage wäre, wie ich die Hintergrundfarbe vom Banner korrekt ändere? Aktuell gelöst habe ich das in der user.css mit:

    .container-header {

    background-color: #1a1a18!important;

    background-image: none!important;
    }


    Mit Deinem Code änderst Du den .container-header - nicht den Banner.

    Möchtest Du nur, dass der Banner schwarz (bzw. Deine gewählte Farbe) dann so:

    Code
    .container-banner .banner-overlay .overlay {
background-color: #1a1a18;
}

    Liebe Grüße

    Christine

    Mir ergeht es genauso wie unserem Christian.

    Probiere es mit:

    Code
    a.brand-logo img {
max-width: 200px;  
}

    In Inhalt > Media > Bild > kann man auch Größen einstellen. Habe ich noch nicht verwendet.

    Wenn ich Bilder (vor dem Laden) bearbeite, z.B Breite eingebe, dann macht das Bildprogramm die richtige Höhe dazu, dass es proportional ist.

    Liebe Grüße

    Christine

    Das klappt leider nicht bei mir mit:

    Code
    .container-banner .banner-overlay .overlay {
background-color: #1a1a18;
}

    in der gesamten user.css steht nun:

    Ohne den Eintrag mit .cintainer-header wird hinter dem Logo ein Farbverlauf zwischen #000000 und #9C9A34 dargestellt.

    mit dem container-header:

    Und dort hab ich auch das Logo, als png (weil svg wohl nicht akzeptiert wird) und ohne Hintergrund. Ich würde dort gerne eine größere Datei nutzen, diese aber mit max / min begrenzen.

    Zitat von g197

    Das klappt leider nicht bei mir mit:

    Code
    .container-banner .banner-overlay .overlay {
background-color: #1a1a18;
}

    Obigen Code hatte ich aufgrund dieser Frage auf den Banner und nicht auf das Logo bezogen:

    Zitat von g197
    Eine weitere Frage wäre, wie ich die Hintergrundfarbe vom Banner korrekt ändere?

    also bin ich auf die Suche nach einem Banner gegangen :)

    Nun denn, nahm Muster HP (ist zwar Joomla 4.4.5 = OK):

    Home - Cassiopeia Demo

    3 Sachen temporär geändert:

    1) Logo (ist halt hier nur als Schriftzug) nur als Beispiel verkleinert:

    Code
    a.brand-logo img {
max-width: 100px;  
}

    2) Container-Header:

    Code
    .container-header {
background-color: blue;
background-image: none;
}

    3) und eben der Banner:

    Code
    .container-banner .banner-overlay .overlay {
background-color: #1a1a18;
}

    Mehr weiß ich jetzt nicht dazu.

    Liebe Grüße

    Christine