Hintergrundfarbe Modul im Text

Hallo,

ich möchte auf meiner Seite Infos in einem Artikel farblich abheben. Bisher nutze ich Admirror Frames dazu, was mir farblich keinen großen Spielraum bietet. Da Module in den Text eingebunden werden können, wollte ich das jetzt mit Modulen lösen. Leider übernimmt das Modul im Text die Konfiguration für die Farbe nicht. Laut Template sind 3 Farben möglich. Verwende ich zusätzlich Iconfonts, wird das Modul gar nicht mehr angezeigt und ein großer Leerraum erscheint an der Position des Moduls. Das gewünschte Ergebnis funktioniert bei Modulen, die ich über eine Position einbinde, wunderbar. Mache ich einen Fehler?

Siehe hier! Das Modul habe ich als Testmodul gekennzeichnet. Darüber ist der Admirror Frame zu sehen.

Joomla 3.8.10

Template Lighthouse

Vielen Dank!

Thomas

Danke Oberaffe!

Wenn ich das Leerzeichen vorsetze, funktioniert das bei dem Style " mod-white" wunderbar. Die Styles " mod-color" und " mod-dark" erwirken wieder einen leeren Platzhalter, aber kein Modul. Wenn ich Module sonst farblich definiere, brauche ich kein Leerzeichen in den Suffix setzen. Das verstehe ich nicht. Hier der Auszug aus der CSS

Zitat

/* Module Type: styled modules

----------------------------------------------------------------------------------------------------*/

.mod-color, .mod-white, .mod-dark{

border-radius: 4px;

}

.mod-color p, .mod-white p, .mod-dark p {margin: 5px;}

.color-content{

padding: 0;

overflow: hidden;

position: relative;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

.color-content p, .color-content h3{padding: 12px 15px 10px}

.color-content .button{margin: 10px 1px 4px 0;}

.mod-color{

text-shadow: none;

background-repeat: repeat;

background-position: 0 0;

}

.mod-color, .mod-white, .mod-dark{

margin: 20px 15px;

overflow: hidden;

}

.mod-white{

background: rgba(255, 255, 255, 0.55);

border: 1px solid rgba(0, 0, 0, 0.1);

}

.mod-dark{

background: #404040;

color: #f0f0f0;

}

.mod-dark h3{

color: #FFFFFF !important;

}

.mod-dark h3 strong{

color: #808080 !important;

}

Alles anzeigen

Dem Themen Favicon und Sitemap muss ich mich gesondert widmen.

Grüße Thomas