[GELÖST] aus dem &quot;Weiterlesen...&quot; Text (readmore) einen Button machen?

crazy-to-bike
Autor
Neues Mitglied
Beiträge: 17
Dank erhalten: 1

Wie kann man aus dem "Weiterlesen..." Text (readmore) einen Button machen? wurde erstellt von crazy-to-bike

Posted 1 Tag 17 Stunden her #1

Hallo,
alle meine Versuche mit css oder sogar Template-Overrides waren bislang nicht abschließend erfolgreich. Die kann ich hier leider gar nicht mehr alle posten, da nicht mehr präsent. Folgendes in der custom.css funktioniert so halb:

Code:

.readmore {
display: inline-block !important;
padding: 0.5rem 1rem !important;
background-color: #990000 !important;
color: #fff !important;
text-align: center !important;
border-radius: 4px !important;
text-decoration: none !important; }
.readmore:hover {
display: inline-block !important;
padding: 0.5rem 1rem !important;
background-color: #cc3333 !important;
color: #fff !important;
text-align: center !important;
border-radius: 4px !important;
text-decoration: none !important;
}

Halb, weil die Definition für die Textfarbe (color) und text-decoration: none trotz "!important" ignoriert werden.

Hier am UNTEREN (!!!) Timeline-Modul, an dem ich gerade bastle, zu sehen (nur im Light-Mode):

www.crazy-to-bike.de/blogs/event-blog.html
Das obere Timeline-Modul auf der Seite greift nicht auf readmore zurück (deshalb sind die Buttons da korrekt), soll aber ersetzt werden.

Last Edit:1 Tag 17 Stunden her von crazy-to-bike

Letzte Änderung: 1 Tag 17 Stunden her von crazy-to-bike.

Dieses Thema wurde gesperrt.

WM-Loose
Moderator
Beiträge: 3076
Dank erhalten: 519

WM-Loose antwortete auf Wie kann man aus dem "Weiterlesen..." Text (readmore) einen Button machen?

Posted 1 Tag 6 Stunden her #2

Unser Support bezieht sich auf Fragen zu den Templates und Modulen, die so wie es der Standard vorsieht konzipiert sind. Wenn Sie so tiefgreifende Veränderungen durchführen möchten und die Standards umgehen, indem Sie Overrides anlegen oder individuelle CSS Codes in diesem Zusammenhang verwenden, wird dies nicht supportet. Ich bitte Sie auch von solchen Fragen oder Threads Abstand zu nehmen. Solche Threads werden von uns nicht auf gelöst gesetzt, sondern grundsätzlich gelöscht. Hier ist kein Entwicklerforum.

Ich zitiere gerne die Überschrift des Forums für Sie:

Wir fühlen uns verpflichtet, jede Art von Support-Anfragen umgehend und zu ihrer Zufriendheit zu beantworten. Jedoch können wir keine umfangreiche Hilfe für individuelle Anpassungen bieten. Individuelle Anpassungen sehen einfach aus, sind aber zumeist doch sehr komplex und benötigen fundierte Kenntnisse an Web-Technologien und Programmier Know-How. Vielen Dank für ihr Verständnis!

JP-Admin
Supporter im forum.joomla.de/

von WM-Loose

Dieses Thema wurde gesperrt.

WM-Loose
Moderator
Beiträge: 3076
Dank erhalten: 519

WM-Loose antwortete auf Wie kann man aus dem "Weiterlesen..." Text (readmore) einen Button machen?

Posted 1 Tag 2 Stunden her #3

Nun kurz zur Frage wie man den Text "weiterlesen" als Button anzeigen kann.

Versuchen Sie diesen CSS Code

/*Button Weiterlesen Startseite angepasst*/
.as-readmore { background: rgb(26, 164, 224); color: #ffffff; padding: 0.1rem 1rem; font-size: 1rem; margin-top: 1%; border-radius: 0.3rem; font-weight: normal;}

/*Button Weiterlesen Startseite Hover angepasst*/
.as-readmore:hover { background: #3cb2e5; color: #ffffff; padding: 0.1rem 1rem; font-size: 1rem; margin-top: 1%; border-radius: 0.3rem; font-weight: normal;}

Farbcode nach Ihren Wünschen anpassen.

JP-Admin
Supporter im forum.joomla.de/

Last Edit:1 Tag 2 Stunden her von WM-Loose

Letzte Änderung: 1 Tag 2 Stunden her von WM-Loose.

Dieses Thema wurde gesperrt.

crazy-to-bike
Autor
Neues Mitglied
Beiträge: 17
Dank erhalten: 1

crazy-to-bike antwortete auf [GELÖST] aus dem "Weiterlesen..." Text (readmore) einen Button machen?

Posted 23 Stunden 18 Minuten her #4

Ok, sorry. Um so mehr vielen Dank für den Code. Das funktioniert 1a.

Last Edit:20 Stunden 14 Minuten her von crazy-to-bike

Letzte Änderung: 20 Stunden 14 Minuten her von WM-Loose.

Dieses Thema wurde gesperrt.