Thema zerschossen

Gelöst

(@klwild)

Hallo zusammen. Ich will den Support nicht unnötig stressen, aber ich kriegen das nicht hin.

Ich verwende das Thema Twenty Twenty-on und durch irgendeine Aktion, die ich gemacht habe, ist die Sidebar extreme gross bzw. breit geworden.

sidebar.png

Ich habe zwar etwas im Internet gefunden, aber es ging vorher auch ohne und der gefundene Code funktioniert auch nicht.

.sidebar {
width: 30px !important;
}

Kann mir jemand helfen? Danke.

` wp-core

version: 6.8.1
site_language: de_DE
user_language: de_DE
timezone: Europe/Zurich
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: undefined
environment_type: production
user_count: 1
dotorg_communication: true wp-paths-sizes

wordpress_path: /home/ch8839/web/klaus-wilde.ch/public_html
wordpress_size: 97,18 MB (101900965 bytes)
uploads_path: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content/uploads
uploads_size: 47,55 kB (48693 bytes)
themes_path: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content/themes
themes_size: 3,51 MB (3677187 bytes)
plugins_path: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content/plugins
plugins_size: 63,07 MB (66138611 bytes)
fonts_path: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content/uploads/fonts
fonts_size: directory not found
database_size: 10,67 MB (11187056 bytes)
total_size: 174,48 MB (182952512 bytes) wp-active-theme

name: Twenty Twenty-One Child (twentytwentyone-child)
version: 2.3.1727099616
author: the WordPress team
author_website: https://wordpress.org/
parent_theme: Twenty Twenty-One (twentytwentyone)
theme_features: core-block-patterns, block-templates, widgets-block-editor, automatic-feed-links, title-tag, post-formats, post-thumbnails, menus, html5, custom-logo, customize-selective-refresh-widgets, wp-block-styles, align-wide, editor-styles, editor-style, editor-font-sizes, custom-background, editor-color-palette, editor-gradient-presets, responsive-embeds, custom-line-height, link-color, custom-spacing, custom-units, widgets
theme_path: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content/themes/twentytwentyone-child
auto_update: Deaktiviert wp-parent-theme

name: Twenty Twenty-One (twentytwentyone)
version: 2.5
author: Das WordPress-Team
author_website: https://de.wordpress.org/
theme_path: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content/themes/twentytwentyone
auto_update: Deaktiviert wp-mu-plugins (1)

Health Check Troubleshooting Mode: author: (undefined), version: 1.9.2 wp-plugins-active (19)

Advanced Ads: version: 2.0.9, author: Advanced Ads, Automatische Aktualisierungen deaktiviert
Akismet Anti-spam: Spam Protection: version: 5.4, author: Automattic - Anti-spam Team, Automatische Aktualisierungen deaktiviert
Child Theme Configurator: version: 2.6.7, author: Lilaea Media, Automatische Aktualisierungen deaktiviert
CookieYes | GDPR Cookie Consent: version: 3.2.10, author: CookieYes, Automatische Aktualisierungen deaktiviert
Head & Footer Code: version: 1.4.5, author: Aleksandar Urošević, Automatische Aktualisierungen deaktiviert
Health Check & Troubleshooting: version: 1.7.1, author: The WordPress.org community, Automatische Aktualisierungen deaktiviert
Limit Login Attempts Reloaded: version: 2.26.19, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen deaktiviert
Options for Twenty Twenty-One: version: 1.7.8, author: Webd Ltd, Automatische Aktualisierungen deaktiviert
Popup Builder - Create highly converting, mobile friendly marketing popups.: version: 4.3.9, author: Looking Forward Software Incorporated., Automatische Aktualisierungen deaktiviert
Shortcoder: version: 6.5, author: Aakash Chakravarthy, Automatische Aktualisierungen deaktiviert
Site Kit by Google: version: 1.155.0, author: Google, Automatische Aktualisierungen aktiviert
Slideshow Gallery: version: 1.8.4, author: Tribulant, Automatische Aktualisierungen deaktiviert
Social Media and Share Icons (Ultimate Social Media): version: 2.9.5, author: Inisev, Automatische Aktualisierungen deaktiviert
Tooltips: version: 10.6.3, author: Tomas | Docs | FAQ | Premium Support, Automatische Aktualisierungen deaktiviert
WordPress Importer: version: 0.8.4, author: wordpressdotorg, Automatische Aktualisierungen deaktiviert
WP Fastest Cache: version: 1.3.8, author: Emre Vona, Automatische Aktualisierungen deaktiviert
WPvivid Backup Plugin: version: 0.9.116, author: WPvivid Backup & Migration, Automatische Aktualisierungen deaktiviert
XML Sitemap Generator for Google: version: 4.1.21, author: Auctollo, Automatische Aktualisierungen deaktiviert
Yoast SEO: version: 25.3.1, author: Team Yoast, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (1)

Export Single Post Page: version: 1.3, author: SS88 LLC, Automatische Aktualisierungen deaktiviert wp-media

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1690
imagemagick_version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org
imagick_version: 3.8.0
file_uploads: 1
post_max_size: 20M
upload_max_filesize: 20M
max_effective_size: 20 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 122 MB
imagick::RESOURCETYPE_DISK: 1073741824
imagick::RESOURCETYPE_FILE: 49152
imagick::RESOURCETYPE_MAP: 512 MB
imagick::RESOURCETYPE_MEMORY: 256 MB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 1.844674407371E+19
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
gd_version: 2.3.3
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: 9.50 wp-server

server_architecture: Linux 5.15.0-52-generic x86_64
httpd_software: Apache/2.4.41 (Ubuntu) OpenSSL/1.1.1f mod_fcgid/2.3.9
php_version: 8.0.30 64bit
php_sapi: cgi-fcgi
max_input_variables: 1000
time_limit: 120
memory_limit: 128M
admin_memory_limit: 256M
max_input_time: 60
upload_max_filesize: 20M
php_post_max_size: 20M
curl_version: 7.68.0 OpenSSL/1.1.1f
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
static_robotstxt_file: true
current: 2025-06-24T07:40:21+00:00
utc-time: Tuesday, 24-Jun-25 07:40:21 UTC
server-time: 2025-06-24T09:40:19+02:00 wp-database

extension: mysqli
server_version: 8.0.42-0ubuntu0.20.04.1
client_version: mysqlnd 8.0.30
max_allowed_packet: 33554432
max_connections: 200 wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content
WP_PLUGIN_DIR: /home/ch8839/web/klaus-wilde.ch/public_html/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: false
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: undefined
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined wp-filesystem

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: does not exist
mu-plugins: writable google-site-kit

version: 1.155.0
php_version: 8.0.30
wp_version: 6.8.1
reference_url: https://klaus-wilde.ch
amp_mode: no
site_status: connected-site
user_status: authenticated
verification_status: verified-non-site-kit
connected_user_count: 1
active_modules: site-verification, search-console, analytics-4, tagmanager, pagespeed-insights
recoverable_modules: none
required_scopes:
openid: ✅
https://www.googleapis.com/auth/userinfo.profile: ✅
https://www.googleapis.com/auth/userinfo.email: ✅
https://www.googleapis.com/auth/siteverification: ✅
https://www.googleapis.com/auth/webmasters: ✅
https://www.googleapis.com/auth/analytics.readonly: ✅
https://www.googleapis.com/auth/tagmanager.readonly: ✅
capabilities:
googlesitekit_authenticate: ✅
googlesitekit_setup: ✅
googlesitekit_view_posts_insights: ✅
googlesitekit_view_dashboard: ✅
googlesitekit_manage_options: ✅
googlesitekit_update_plugins: ✅
googlesitekit_view_splash: ✅
googlesitekit_view_authenticated_dashboard: ✅
googlesitekit_view_wp_dashboard_widget: ✅
googlesitekit_view_admin_bar_menu: ✅
googlesitekit_view_shared_dashboard: ⭕
googlesitekit_read_shared_module_data::["search-console"]: ⭕
googlesitekit_read_shared_module_data::["analytics-4"]: ⭕
googlesitekit_read_shared_module_data::["pagespeed-insights"]: ⭕
googlesitekit_manage_module_sharing_options::["search-console"]: ✅
googlesitekit_manage_module_sharing_options::["analytics-4"]: ✅
googlesitekit_manage_module_sharing_options::["pagespeed-insights"]: ✅
googlesitekit_delegate_module_sharing_management::["search-console"]: ✅
googlesitekit_delegate_module_sharing_management::["analytics-4"]: ✅
googlesitekit_delegate_module_sharing_management::["pagespeed-insights"]: ⭕
enabled_features:
adsPax: ⭕
firstPartyMode: ⭕
privacySandboxModule: ⭕
active_conversion_event_providers: none
consent_mode: disabled
consent_api: not-detected
search-console_shared_roles: none
search-console_management: owner
analytics-4_shared_roles: none
analytics-4_management: owner
pagespeed-insights_shared_roles: none
pagespeed-insights_management: all_admins
key_metrics_status: Nicht eingerichtet
search_console_property: https://klaus-wilde.ch/
analytics_4_account_id: 3550•••••
analytics_4_property_id: 4890720••
analytics_4_web_data_stream_id: 1121•••••••
analytics_4_measurement_id: G-BD••••••••
analytics_4_use_snippet: yes
analytics_4_ads_conversion_id: none
analytics_4_available_custom_dimensions: none
analytics_4_ads_linked: false
analytics_4_ads_linked_last_synced_at: 1747731780
analytics_4_site_kit_audiences: none
tagmanager_account_id: 6074••••••
tagmanager_container_id: GTM-WT9••••
tagmanager_amp_container_id: none
tagmanager_use_snippet: yes

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 9 Antworten – 1 bis 9 (von insgesamt 9)

Moderator threadi
(@threadi)

vor 6 Monaten, 3 Wochen
In deinem Custom CSS hast du die Breite auf 33% der Gesamtbreite gesetzt:
```
@media (min-width: 482px) {
    #content-wrapper {
        display: flex;
    }
    #content-wrapper>#content {
        width: 67%;
    }
    #content-wrapper>#sidebar {
        width: 33%;
        padding: 0 0 0 30px;
    }
}
```
Wenn sie schmaler sein soll trage hier einen anderen Prozentwert ein.
Thread-Starter Klaus Wilde
(@klwild)

vor 6 Monaten, 3 Wochen

Danke für die Nachricht, aber …

… ich habe kein Custom CSS gesetzt bzw. nur das:

img {
max-width: 100%;
height: auto;
}

.single-post .post-thumbnail { display: none }

Wie ich auch mit den Parametern spiele, die Sidebar hängt immer noch am rechten Rand.

Moderator Hans-Gerd Gerhards
(@hage)

vor 6 Monaten, 3 Wochen

@klwild
vielleicht ist es in dem Fall besser, wenn du eine Sicherung wiederherstellst.
Thread-Starter Klaus Wilde
(@klwild)

vor 6 Monaten, 3 Wochen
Danke aber ich arbeite jeden Tag an er Webseite und es würde einiges verloren gehen.

Nach weiterem Suchen ist mir aufgefallen das der Beitrag: https://klaus-wilde.ch/adhs-und-kaufsucht/ das Problem ist. Setzte ich den auf Entwurf ist alles wieder normal.

Ich weiss zwar nicht wo der Fehler liegt aber …

Danke Klaus
- Diese Antwort wurde vor 6 Monaten, 3 Wochen von Klaus Wilde geändert.
Moderator threadi
(@threadi)

vor 6 Monaten, 3 Wochen
Ich sehe o.g. Code in der Ausgabe deiner Website unterhalb eines Kommentars
```

```
Jetzt wäre die Frage woher dieser Code kommt. Aus dem Theme schonmal nicht, dort ist so etwas nicht enthalten. Ich konnte es aber im Plugin „Options for Twenty Twenty-One“ finden. Dieses erweitert die Möglichkeiten deines Themes um zusätzliche Optionen. Es erzeugt für viele dieser Individualisierungen einen Abschnitt namens „Customizer CSS“, was hier etwas irreführend ist. Denn es ist nicht der individuell eingegeben Style sondern einer der von diesem Plugin zusammengesetzt wird.

So findet sich dort auch ein Abschnitt der die Sidebar-Breite regelt. Und zwar auf die festen Werte, die ich dort derzeit sehe. Die Angabe wird ausgegeben sobald unter Design > Customizer > General Options > Inject Sidebar irgendeine der Optionen aktiviert ist denke ich.

Du hast also 3 Lösungsmöglichkeiten:
- Schau nach was bei dir unter diesen Einstellungen zur Sidebar eingestellt ist und passe es deinen Wünschen an. Bedenke, dass du hier nur an- oder abschalten kannst. Du kannst in den Einstellungen nicht die Breite der Sidebar ändern.
- Oder du deaktivierst das Plugin „Options for Twenty Twenty-One“. Das löst das Problem sofort. Dafür gehen andere Einstellungen die du ggfs. benötigst jedoch verloren.
- Oder du erstellst doch einen individuellen Style-Code wie ich ihn dir oben bereits skizziert habe um die Angaben von diesem Plugin zu überladen.
Thread-Starter Klaus Wilde
(@klwild)

vor 6 Monaten, 3 Wochen

… und das wenn ich den Beitrag auf „Entwurf“ stelle und es geht ist nicht relevant?

Moderator threadi
(@threadi)

vor 6 Monaten, 3 Wochen

Das hängt von o.g. Einstellungen ab. Prüfe diese.

Thread-Starter Klaus Wilde
(@klwild)

vor 6 Monaten, 3 Wochen

Danke für die Unterstützung. Ich habe es hinbekommen. Wie …

Im Textauszug in dem Beitrag war das so definiert: „Aufmerksamkeitsdefizit-/Hyperaktivitätsstörung“ und mit zwei Leerzeichen geteilt.
Moderator Geek
(@la-geek)

vor 6 Monaten, 3 Wochen
Danke für die Rückmeldung und das Setzen des Threads auf gelöst.

Kleiner Tipp: Man kann bei langen Wörtern bzw. Wortbildungen statt Leerzeichen auch die (unsichtbare) Option zur Silbentrennung einfügen, dafür muss man den Text im HTML-Modus bearbeiten:
Aufmerksamkeitsdefizit-/Hyperaktivitätsstörung

Das lange Wort wird bis zum rechten Rand geschrieben und überall wo  gesetzt wurde, hat der Browser die Option, das Wort an dieser Stelle mit einem Trennstrich zu trennen und in einer neuen Zeile fortzusetzen. Wo man im HTML-Bearbeitungsmodus  innerhalb des Wortes setzt, kann man (bis auf die Rechtschreibregeln) frei entscheiden.

Übrigens: Wenn die Sidebar zum darüber liegenden Suchenfeld rechts bündig abschließen soll, kannst du folgenden CSS-Code (Custom CSS) ausprobieren.
```
#sidebar .wp-block-latest-posts.alignleft {
    margin-right: 0;
}
```