[GELÖST] ONEPAGE - Unterstrich-Design in Headern ändern - Kunena

andreasjell
Autor
Neues Mitglied
Beiträge: 13
Dank erhalten: 1

ONEPAGE - Unterstrich-Design in Headern ändern wurde erstellt von andreasjell

Posted 1 Jahr 10 Monate her #1

Hallo,

bei OnePage gibt es bei den Modul- und Beitragstiteln einen "Unterstrich" (border unten), der 50% width hat.

Ich möchte die Länge auf die tatsächliche Textlänge anpassen und die Farbe ändern.

Wie geht das am einfachsten? Ich verwende H2 für die Artikel- und Modul-Titel.

In der alten Version habe das benutzt (allerdings für h3), es funktioniert aber nicht mehr:

Code:

h3.headline-border,
.headline-border h3.uk-panel-title {
    border-bottom: 3px solid #f56a6a;
    display: inline-block;
    margin: 0 0 1.4em;
    padding: 0 0.75em 0.5em 0;
    font-size: 2em;
    line-height: 1.4em;
}

Vielen Dank und viele Grüße

Andreas

von andreasjell

Dieses Thema wurde gesperrt.

joomlaplates
Moderator
Beiträge: 2630
Dank erhalten: 403

joomlaplates antwortete auf ONEPAGE - Unterstrich-Design in Headern ändern

Posted 1 Jahr 10 Monate her #2

Hallo, wenn sie die H2 benutzen sollte es wie folgt heissen

Code:

h2.headline-border,
.headline-border h2.uk-panel-title {
    border-bottom: 3px solid #f56a6a;
    display: inline-block;
    margin: 0 0 1.4em;
    padding: 0 0.75em 0.5em 0;
    font-size: 2em;
    line-height: 1.4em;
}

von joomlaplates

Dieses Thema wurde gesperrt.

andreasjell
Autor
Neues Mitglied
Beiträge: 13
Dank erhalten: 1

andreasjell antwortete auf ONEPAGE - Unterstrich-Design in Headern ändern

Posted 1 Jahr 10 Monate her #3

danke, das ist schon klar, dass ich h2 benutzen muss.

Wenn ich diesen Code aber in "Benutzerdefinierten Code" in CSS eintrage, ändert sich nichts im Design.

von andreasjell

Dieses Thema wurde gesperrt.

WM-Loose
Moderator
Beiträge: 2788
Dank erhalten: 480

WM-Loose antwortete auf ONEPAGE - Unterstrich-Design in Headern ändern

Posted 1 Jahr 10 Monate her #4

Wo haben Sie denn den Code eingetragen?
Entweder in den Template Optionen beim benutzerdefiniertem Code (CSS) oder Sie erstellen eine custom.css und fügen ihn dort ein.
Datei „‎/media/templates/site/tp_ihr_template/css/custom.css“

Nicht vergessen: Joomla Cache, Astroid Cache und Broweser Cache löschen.

JP-Administrator
Supporter im forum.joomla.de/

Last Edit:1 Jahr 10 Monate her von WM-Loose

Letzte Änderung: 1 Jahr 10 Monate her von WM-Loose.

Dieses Thema wurde gesperrt.

joomlaplates
Moderator
Beiträge: 2630
Dank erhalten: 403

joomlaplates antwortete auf ONEPAGE - Unterstrich-Design in Headern ändern

Posted 1 Jahr 10 Monate her #5

1.) Live Url bitte
2.) Der Unterstrich geht eigentlich nur bei den Modulen und nicht bei Joomla Artikel
3.) Ist der Module Style gesetzt?
www.joomlaplates.de/joomla-tips-und-tric...nen-im-template.html

Last Edit:1 Jahr 10 Monate her von joomlaplates

Letzte Änderung: 1 Jahr 10 Monate her von joomlaplates.

Dieses Thema wurde gesperrt.

andreasjell
Autor
Neues Mitglied
Beiträge: 13
Dank erhalten: 1

andreasjell antwortete auf ONEPAGE - Unterstrich-Design in Headern ändern

Posted 1 Jahr 10 Monate her #6

Ich glaube, ich habs gelöst. Wenn ja, melde ich mich nochmal mit der Lösung.

Last Edit:1 Jahr 10 Monate her von andreasjell

Letzte Änderung: 1 Jahr 10 Monate her von andreasjell.

Dieses Thema wurde gesperrt.