Bitte immer Live Url, PHP Version, Template Version und Template Name angeben
[GELÖST] fa-Icons in einer Modulüberschrift verwenden
- jamfx
-
Autor
- Premium Mitglied
-
- Beiträge: 120
- Dank erhalten: 5
[GELÖST] fa-Icons in einer Modulüberschrift verwenden wurde erstellt von jamfx
Posted 3 Jahre 6 Monate her #1
Guten Abend zusammen,
mich würde interessieren, ob es möglich ist, ein fa-Icon in eine Modulüberschrift zu bringen.
Unter: www.joomlaplates.de/joomla-tips-und-tric...s-einf%C3%BCgen.html
Kann man nachlesen, wie das innerhalb eines Moduls bzw. auch innerhalb von Content funktioniert. Das ist schon super so. Ich würde es gern z.B. neben das Wort "Headline" in dieser Demo setzen: demo.joomlaplates.de/shop/features/module-titel
schaut man sich hier das Beispiel "headline-border-primary" an, gibt es links vom Modultitel einen blauen hübschen Kasten. Statt des kastens oder zusätzlich zwischen Kasten und Headline hätte ich gern ein fa-Icon.
Aktiviere ich es im Moduklassensuffix, dann erscheint es darüber, aber nicht in der Zeile.
Kann man da was zaubern und wenn ja, wie?
Beste Grüße
Niko
mich würde interessieren, ob es möglich ist, ein fa-Icon in eine Modulüberschrift zu bringen.
Unter: www.joomlaplates.de/joomla-tips-und-tric...s-einf%C3%BCgen.html
Kann man nachlesen, wie das innerhalb eines Moduls bzw. auch innerhalb von Content funktioniert. Das ist schon super so. Ich würde es gern z.B. neben das Wort "Headline" in dieser Demo setzen: demo.joomlaplates.de/shop/features/module-titel
schaut man sich hier das Beispiel "headline-border-primary" an, gibt es links vom Modultitel einen blauen hübschen Kasten. Statt des kastens oder zusätzlich zwischen Kasten und Headline hätte ich gern ein fa-Icon.
Aktiviere ich es im Moduklassensuffix, dann erscheint es darüber, aber nicht in der Zeile.
Kann man da was zaubern und wenn ja, wie?
Beste Grüße
Niko
Last Edit:3 Jahre 6 Monate her
von jamfx
Letzte Änderung: 3 Jahre 6 Monate her von jamfx.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2373
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] fa-Icons in einer Modulüberschrift verwenden
Posted 3 Jahre 6 Monate her #2
Hallo, das geht im Megamenu
www.joomlaplates.de/template-konfigurati...u-konfiguration.html
www.joomlaplates.de/template-konfigurati...u-konfiguration.html
von joomlaplates
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- jamfx
-
Autor
- Premium Mitglied
-
- Beiträge: 120
- Dank erhalten: 5
jamfx antwortete auf [GELÖST] fa-Icons in einer Modulüberschrift verwenden
Posted 3 Jahre 6 Monate her #3
Moin,
vielen Dank für die schnelle Antwort. Für das Mega-Menü ist das schon klasse. Ich hätte es gern auf den anderen Modulen zum Beispiel auf einer Right-Position. Da klappt das, wie beschrieben mit dem Suffix, jedoch erscheint es dann doppelt.
Ich hab mal ein Beispiel als Bild hier eingefügt.
Das sieht doch schon faaast gut aus. Ich fänd es super, wenn das dann neben den Titel gelegt wird und natürlich dann nicht doppelt erscheint
Gibt es da Möglichkeiten?
Liebe Grüße
Niko
vielen Dank für die schnelle Antwort. Für das Mega-Menü ist das schon klasse. Ich hätte es gern auf den anderen Modulen zum Beispiel auf einer Right-Position. Da klappt das, wie beschrieben mit dem Suffix, jedoch erscheint es dann doppelt.
Ich hab mal ein Beispiel als Bild hier eingefügt.
Das sieht doch schon faaast gut aus. Ich fänd es super, wenn das dann neben den Titel gelegt wird und natürlich dann nicht doppelt erscheint

Gibt es da Möglichkeiten?
Liebe Grüße
Niko
von jamfx
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2373
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] fa-Icons in einer Modulüberschrift verwenden
Posted 3 Jahre 6 Monate her #4
Hallo, ein Icon in die Headline geht nicht.
Oder eben mit viel Aufwand einer extra CSS.
PS: Haben sie eine live Url, wo ich das doppelte icon sehen kann
Oder eben mit viel Aufwand einer extra CSS.
PS: Haben sie eine live Url, wo ich das doppelte icon sehen kann
von joomlaplates
Folgende Benutzer bedankten sich: jamfx
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- jamfx
-
Autor
- Premium Mitglied
-
- Beiträge: 120
- Dank erhalten: 5
jamfx antwortete auf [GELÖST] fa-Icons in einer Modulüberschrift verwenden
Posted 3 Jahre 6 Monate her #5
Hi,
ja, es gibt eine Live-Site, wo man das mal anschauen kann. Die schicke ich per E-Mail, da ich die URL nicht online hier posten möchte.
Ich hatte das gleiche Problem mit einem Rockettheme-Tempalte. Der Entwickler dort hat einen Code bereitgestellt, der das auffängt. Das funktioniert aber NUR dort. Ich habe es auch im JoomlaPlates-Template probiert, was (natürlich) nicht funktioniert hat. Meine CSS-Kenntnisse reichen für die Anpassung nicht aus. Ich schicke den Code in der E-Mail mit.
Bis gleich also.
Grüße
Niko Winckel
PS: Mail ist raus. Nur zur Info, falls es im Spam landet.
ja, es gibt eine Live-Site, wo man das mal anschauen kann. Die schicke ich per E-Mail, da ich die URL nicht online hier posten möchte.
Ich hatte das gleiche Problem mit einem Rockettheme-Tempalte. Der Entwickler dort hat einen Code bereitgestellt, der das auffängt. Das funktioniert aber NUR dort. Ich habe es auch im JoomlaPlates-Template probiert, was (natürlich) nicht funktioniert hat. Meine CSS-Kenntnisse reichen für die Anpassung nicht aus. Ich schicke den Code in der E-Mail mit.

Bis gleich also.
Grüße
Niko Winckel
PS: Mail ist raus. Nur zur Info, falls es im Spam landet.

Last Edit:3 Jahre 6 Monate her
von jamfx
Letzte Änderung: 3 Jahre 6 Monate her von jamfx.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2373
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] fa-Icons in einer Modulüberschrift verwenden
Posted 3 Jahre 6 Monate her #6
Hallo,
fügen sie mal folgenden CSS code in ihre custom.css ein
Danach sollten sie das Modul wie folgt konfigurieren, siehe Bild ( headerclass)
fügen sie mal folgenden CSS code in ihre custom.css ein
Code:
.moduletable h3.fa:before {
font-family: "Font Awesome 5 Free";
padding-right:10px,
}
.moduletable h3.fa{
font-family: inherit !important;
}
Danach sollten sie das Modul wie folgt konfigurieren, siehe Bild ( headerclass)
von joomlaplates
Folgende Benutzer bedankten sich: jamfx
Bitte Anmelden oder Registrieren um der Konversation beizutreten.