XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   In einer Tabelle die Reihenhöhe bestimmen (http://xhtmlforum.de/showthread.php?t=74222)

herb37 29.04.2021 08:56

In einer Tabelle die Reihenhöhe bestimmen
 
Bei der Ausgabe der Ergebnisse in eine Tabelle ist mir die Reihenhöhe zu groß. Wie kann ich durch zusätzliches CSS bei WP die Zeilenhöhe beeinflussen.

Hier die Webseite

Vielen Dank im Voraus. Ihr helft einem 84-Jährigen. :)

cloned 29.04.2021 09:42

Im CSS ist ein padding von 20px angegeben:

Code:

.filr-container table tbody td {
 padding: 20px !important
}

Hier den Wert auf einen von dir gewünschten abändern. zB 10px 20px wenn du nur den Abstand von oben + unten anpassen willst.

protonenbeschleuniger 29.04.2021 10:05

Das ist auch eher eine Frage wie du Wordpress bedienst.

Du kannst theoretisch die Themes im Quellcode bearbeiten. Dann hast du aber das Problem das die updates diese Änderungen überschreiben.

Es gibt dann noch den "Customizer". Dort gibt es entweder Einstellungen oder du kannst zusätzliches CSS eintragen, mit dem das CSS das cloned gezeigt hat, überschrieben werden könnte. Was aber durch die !important Angabe erschwert wird.

Und der code kommt nicht vom Theme an sich, sondern aus einem Plugin: https://wordpress.org/plugins/filr-protection/

Da wird es noch mal schwieriger, da das Plugin den CSS Code im HTML Code am Ende einfügt. d.h. du müsstest eine CSS Angabe mit einer höheren Spezifität benutzen. Mir fällt da aber gerade keine ein die paßt.

Oder vielleicht gibt es in dem Plugin die Option das CSS zu entfernen oder zu bearbeiten.

herb37 29.04.2021 10:18

@ cloned
Vielen Dank funktioniert aber leider nicht.

@protonenbeschleuniger
Ich habe es über "customizer" versucht.
Dass der CSS-Code aus einem Plugin kommt ist richtig.
Wenn ich die Datei wüßte in der ich den CSS-Code ändern muss, dann würde ich das schon machen.
Das Problem mit dem Überschreiben beim Update würde ich in Kauf nehmen.

cloned 29.04.2021 10:51

"Funktioniert nicht" ist keine Fehlerbeschreibung und nicht hilfreich :/
Es funktioniert schon, dein CSS code wird jedoch vor dem des Plugin geladen (wie man in den browser dev tools sieht)
Du musst dafür sorgen dass dein CSS Code nach dem des Plugins steht, dann funktioniert es auch.
Oder du erhöhst die spezifität, wie zb:
Code:

.entry-content .filr-container table tbody td { padding .... }
Auch siehst du im dev tool des Browsers dass das CSS im index.css auf Zeile 263 steht, da kannst du es direkt ändern.

herb37 29.04.2021 11:12

Danmke
 
@ cloned:
Entschuldige meinen Ausdruck "funktioniert nicht" besser wäre wohl gewesen "zeigt nicht den erwarteten Erfolg"!

mit dem letzten CSS-Code bekomme ich das erwartete Ergebnis.

Vielen Dank, dass Ihr mir so schnell geholfen habt.

herb37 01.05.2021 19:08

Ich glaube ich muss mal einen Workshop besuchen
 
@cloned schrieb oben:

Zitat:

Auch siehst du im dev tool des Browsers dass das CSS im index.css auf Zeile 263 steht, da kannst du es direkt ändern.
Wenn ich das echt nachvollziehen könnte, dann wäre ich sehr froh. Der Besuch eines entsprechenden Workshops ist aus Pandemiegründen nicht möglich. Aber ich kann ZOOM und habe sogar einen eigenen Account.
Hat jemand Lust und Zeit mit mir die Sache einmal virtuell durchzugehen.
Aber bitte Geduld ist angesagt. Bin 84 Jahre alt. :)

cloned 04.05.2021 16:29

Für so etwas fehlt mir leider die Zeit.
Finde es aber super dass du dich mit dem Thema in deiner freien Zeit beschäftigen willst.

Ein kurzer Hinweis zur Selbsthilfe: Drücke F12 im Browser, alternativ rechtsklick und da gibt es einen Menüpunkt der je nach Browser anders heißt, aber immer ähnlich zu "Untersuchen" "Element untersuchen" etc.
Dann gehen die webdev tools auf.
Dort kannst du nichts kaputt machen, wenn du die Seite neu lädst sind alle deine Änderungen wieder weg.
Dort kannst du dir alles genau anschauen, styling für jedes einzelne Element. Und auch live bearbeiten. (wie gesagt, alles nur temporär, bei neuladen ist alles wieder weg)

Edit: Hier eine kurze Einführung, auf Deutsch. https://blog.kulturbanause.de/2018/0...nd-einsteiger/
Im Firefox geht das genauso, es schaut eventuell minimal anders aus.

herb37 04.05.2021 16:32

Vielen Dank
 
@cloned
Damit komme ich sicher auch schrittweise weiter.
Bleib gesund.
Danke.

cloned 04.05.2021 17:07

Bei konkreten Fragen zu den webdev-tools eröffne gerne ein neues Thema, dann kann dir dort auch bestimmt gut weitergeholfen werden.
Ansonsten wünsche ich viel Erfolg beim einlesen und den ersten Schritten damit!


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:32 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020