Fragen und Antworten » Beitragstext über CSS anpassen

31.08.2024 02:56

SteffiXilef
#1 Beitragstext über CSS anpassen

Hey :)
Ich wollte gern unter anderem den Zeilenabstand bei den Beiträgen global verändern. Das habe ich mit .messagetext {line-height: 50%;} versucht. Jedoch hat das keinerlei Veränderung erzielt und auch mit den Entwicklertools von Chrome konnte ich die CSS Änderungen nicht finden. Die Seite habe ich auch mehrmals mit Strg + f5 neugeladen.

Hier im Forum hatte ich dann noch folgendes gefunden.
.mtext, .mtext p {line-height: 250%;}

Was ich auch versucht habe doch das hat leider nichts gebracht.

Ist der Indendifikator irgendwie falsch? Mit was spreche ich denn den Style der Beitragfelder an? �.messagetext� Habe ich mir bei einem anderen Forum abgeschaut und die class konnte ich auch bei dem Entwicklertools finden.

Mit freundlichen Grüßen
Steffi

Antworten

Beitrag melden

#2

31.08.2024 09:44

l2otbart_57
#2 RE: Beitragstext über CSS anpassen

l2

l2otbart_57

du bist auf dem richtigen Weg, doch leider ist es in diesem Falle komplizierter
(ich nehme an, dass es keine Einstellmöglichkeit in der Admin gibt)

mit der Klasse messagetext oder xquoteable sprichst du den richtigen Container an

ich simuliere mal einen Eintrag ins CSS per styleinspektor

1
2
3
4
5
 
.xquoteable {
    line-height: 250%;
    background-color: violet;
    letter-spacing: 0.2em;
}
 

ausgerechnet line-height: 250%; wird durch den elementstyle überstimmt. Man kann nur Kindelemente definieren

in manchen Fällen würde das CSS wirken

1
2
3
4
5
 

.xquoteable p, .xquoteable center {
    line-height: 250%;
}
 
 

eine Lösung,die immer geht, wäre den text in einen style-Code zu fassen

1
 
[style=line-height:250%; ]  .. text ..  [/style]

... würde es �Fussball spielen� heissen

vG Bernd‍

Antworten

Beitrag melden

#3

31.08.2024 10:44

Mike48
#3 RE: Beitragstext über CSS anpassen

Mike48

Das müsste so gehen:

1
2
3
 
.messagetext {
  line-height: 50% !important;
}
 

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#4

31.08.2024 11:11

SteffiXilef
#4 RE: Beitragstext über CSS anpassen

SteffiXilef

Hey, erstmal vielen dank für eure Antworten Bernd und Mike!

Es hat nun geklappt! Ich gebe es ungern zu, aber es war ein Klammerfehler im vorherigen CSS-Code, wodurch der neue Code gar nicht erst auftauchte. 🤔 Nachdem ich bei weiterem Herumprobieren den neuen Code an die erste Stelle gesetzt hatte, hat es zu meiner Verwunderung funktioniert. Erst dann habe ich die fehlende geschweifte Klammer am Ende gesehen.

Danke euch Jungs! Euch noch ein schönes Wochenende!

Antworten

Beitrag melden

#5

31.08.2024 11:12

l2otbart_57
#5 RE: Beitragstext über CSS anpassen

l2

l2otbart_57

Zitat von Mike48 im Beitrag #3
Das müsste so gehen:
1
2
3
.messagetext {
  line-height: 50% !important;
}
 

ich meine, das wirkt auch nicht, weil man das style-Attribut im Element nicht "überstimmen" kann.

ich wundere mich, warum die gemachten Änderungen nicht im Inspector auftauchen❓

es ist eine falsche klammer "}" statt "{"

.tab-body {
height: 160px;
overflow: auto;
background-color: #2e1d24;
padding: 15px;
border: 4px solid #24151c;
font-family: veranda;
color: #786d62;
text-align: center;
font-size: 12px;
}

.zitat {
font-size: 10px;
text-align: center;

{
.messagetext {
overflow: auto;
position: relative;
letter-spacing: 0px;
font-size: 13px !important;
}

.mtext, .mtext p {line-height: 1650%;}

.xquoteable p, .xquoteable center {
line-height: 250%;
}

Der css-Parser bricht ab

... würde es �Fussball spielen� heissen

vG Bernd‍