End of Support for Joomla 3 - Forum closed

horizontale Linien wie im Classic-Template

  • crazy-to-bike
  • Topic Author
  • Visitor
  • Visitor
  • Thank you received: 0

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

Posted 7 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:7 years 6 months ago by crazy-to-bike
Last edit: 7 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 7 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.

  • crazy-to-bike
  • Topic Author
  • Visitor
  • Visitor
  • Thank you received: 0

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

Posted 7 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.
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 7 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:7 years 6 months ago by joomlaplates
Last edit: 7 years 6 months ago by joomlaplates.

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

  • crazy-to-bike
  • Topic Author
  • Visitor
  • Visitor
  • Thank you received: 0

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

Posted 7 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.
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 7 years 6 months ago #18667
Die Linie ist der "border-bottom".
Diesen müssen sie natürlich auf ihre Farbe anpassen..
Last Edit:7 years 6 months ago by joomlaplates
Last edit: 7 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 © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License