End of Support for Joomla 3 - Forum closed

horizontale Linien wie im Classic-Template

horizontale Linien wie im Classic-Template was created by crazy-to-bike

Posted 6 years 6 months ago #18657
Hallo,

ich würde gerne horizontale Linien erstellen, wie sie beim Classic Template unter den Artikel- und Modultiteln erscheinen.
<hr> ist klar, nur finde ich trotz Entwicklerwerkzeuge zur Seitenanalyse nicht heraus, welche div-Klasse ich da angeben muss.
Können Sie mir das bitte mitteilen?
Last Edit:6 years 6 months ago by crazy-to-bike
Last edit: 6 years 6 months ago by crazy-to-bike.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic horizontale Linien wie im Classic-Template

Posted 6 years 6 months ago #18662
Hallo,
fügen sie folgenden CSS code in ihre css/custom.css ein.
Die "hr" bringt in dem Fall nichts, da sie die "hr" immer manuell eingeben müssten

/* Article Title
========================================================================== */
h3.uk-panel-title{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding-bottom: 10px;
position:relative;
}

h3.uk-panel-title::after{
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 30px;
}

/* Module Title
========================================================================== */
h1.uk-article-title{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 10px;
position:relative;
}

h1.uk-article-title::after{
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 30px;
}

Please Log in or Create an account to join the conversation.

Replied by crazy-to-bike on topic horizontale Linien wie im Classic-Template

Posted 6 years 6 months ago #18664
Hallo,

ich verstehe noch nicht, wie ich diese horizontalen Linien dann an beliebiger Stelle in einen Text einfügen kann.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic horizontale Linien wie im Classic-Template

Posted 6 years 6 months ago #18665
Das würde dann über eine "hr class" gehen:

/* HR
========================================================================== */
hr{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding-bottom: 10px;
position:relative;
}

hr::after{
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 30px;
}

Last Edit:6 years 6 months ago by joomlaplates
Last edit: 6 years 6 months ago by joomlaplates.

Please Log in or Create an account to join the conversation.

Replied by crazy-to-bike on topic horizontale Linien wie im Classic-Template

Posted 6 years 6 months ago #18666
Hallo,

ich glaube ich stehe auf dem Schlauch.
Ich habe das in die custom.css eingefügt, aber <hr> erzeugt noch immer einer normale Linie.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic horizontale Linien wie im Classic-Template

Posted 6 years 6 months ago #18667
Die Linie ist der "border-bottom".
Diesen müssen sie natürlich auf ihre Farbe anpassen..
Last Edit:6 years 6 months ago by joomlaplates
Last edit: 6 years 6 months ago by joomlaplates.

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License