Tabelle wird nicht richtig angezeigt

Detlef2

Hallo, ich verwende das Theme twentyfourteen und ein childtheme.
Ich habe zwei Probleme.
1. Wenn ich eine Tabelle einfüge, wird diese leider nicht wie in der Editorvorschau angezeigt.
Es werden keine Linien in und um die Tabelle angezeigt und in der mobilen Ansicht ist kein Scrollbalken zur Seite vorhanden.

Zu sehen ist das ganze hier:

https://derflammenwerfer.de/der-grosse-ver…show-feuerwerk/

Folgendes habe ich versucht in die style.css im Childtheme einzugeben, aber es ändert sich nichts.

Code

.wp-block-table th, .wp-block-table td {
    border-color: #F5F1F1;
    border-width: 1px 1px 1px 1px;
}

2. Beim Menü im Footer wird der Text übereinander angezeigt und ist somit nicht lesbar.

Hat jemand eine Idee?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Henk1060

Zitat von Detlef2

.wp-block-table th, .wp-block-table td { border-color: #F5F1F1; border-width: 1px 1px 1px 1px; }

ergänze diese mit

CSS

.wp-block-table th, .wp-block-table td {
    border-color: #F5F1F1 !important ;
    border-width: 1px 1px 1px 1px !important;
}

dein Footer widgets sind mit dem style style="position: absolute; hinterlegt.
hast du diesen wert hinterlegt?

Detlef2

Zitat von Henk1060

ergänze diese mit

[COLOR=#ff0000]Gekürzt. Vollzitate vermeiden[/COLOR]

Habe es mit "!important ;" versucht, ist aber die Werte werden trotzdem von der blog.css überschrieben.
Im Footer die position: absolute; habe ich nicht hinterlegt, habe es jetzt mal mit relative versucht, aber keine Änderung.
Das komische ist, wenn ich die Seite auf dem Handy anschaue und das Handy drehe und dann wieder zurückdrehe, passt es.

threadi

Du bindest doch deinen CSS-Code als Stylesheet über die functions.php deines Child-Theme ein. Fehlt dort evtl. der 3. Parameter bei wp_enqueue_style? Idealerweise sollte es so aussehen:

Code

wp_enqueue_style(
   'your-child-style',
   get_stylesheet_directory_uri() . '/style.css',
   [
      'your-parent-theme-style',
   ]
);

Du musst "your-child-style" und "your-parent-theme-style" entsprechend deinen Bedingungen setzen. Die Folge wäre, dass dein Style nach dem Style des Parent-Themes geladen wird - und somit auch nach der blocks.css von deinem Parent-Theme. Dann würde auch dein CSS-Code problemlos funktionieren.

Detlef2

@threadi Du hattest recht, ich habe die die Priorität auf 11 gesetzt, jetzt geht es:

Code

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 11 );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}

Jedoch ist die Tabelle noch breiter als die normale Seitenbreite. Hast Du noch eine Idee, was ich hier versuchen kann? In meinem Editor kann ich die Tabelle seitlich scrollen...

threadi

Ergänze in deinem CSS:

Code

.wp-block-table {
  overflow-x: scroll;
  width: 100%;
  hyphens: none;
}

Damit wäre die Tabelle dann horizontal scrollbar.

Detlef2

Zitat von threadi

Ergänze in deinem CSS:

[COLOR=#ff0000]
Gekürzt. Vollzitate vermeiden[/COLOR]

Habe es so eingefügt, klappt aber leider nicht...

threadi

Ich sehe im Quellcode der Seite keine Änderung. Wo hast Du das eingefügt?

Detlef2

style.css im child theme

threadi

Dort ist nichts dazu zu sehen: https://cdn.derflammenwerfer.de/wp-content/the…etlef/style.css

Hast Du evtl. ein Optimierungspluing laufen? Irgendeinen Cache?

Detlef2

@threadi Danke und sorry, ich bin ein Esel. Das war tatsächlich das Problem. Jetzt geht es genau wie Du geschrieben hattest. Hatte vorher 3 Plugins ausgeschaltet, aber EWWW vergessen.

Hast Du dazu noch eine Idee:
Beim Menü im Footer wird der Text übereinander angezeigt und ist somit nicht lesbar.
Hier ist das komische, wenn ich auf dem Handy den Bildschirm ins Querformat drehe, passt die Schrift auch wenn ich wieder zurück drehe.

threadi

Dazu hatte dir @Henk1060 schon geschrieben:

Zitat

dein Footer widgets sind mit dem style style="position: absolute; hinterlegt.
hast du diesen wert hinterlegt?

Detlef2

Ja, das ist richtig, ich habe es aber nicht verstanden.

threadi

Ich hab mal näher geguckt: irgendein JavaScript scheint deine Footer-Widgets auf absolute Positionierung zu setzen. Ich konnte aber leider nicht sehen welches JavaScript. Meine Empfehlung wäre einfach mal alle Plugins zu deaktivieren und zu schauen, ob es dann passt - wenn ja, war es eines der deaktivierten Plugins.

Detlef2

Danke, das mache ich. Danke für deine Hilfe!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tabelle wird nicht richtig angezeigt

Jetzt mitmachen!