Support » Themes » Inhalt nicht zentriert

  • xorediv

    (@xorediv)


    Hallo zusammen,

    ich habe den Auftrag bekommen eine Website etwas umzubauen.

    Leider habe ich zuvor nie WordPress (6.2.4) benutzt.

    Ich habe also eine neue Seite erstellt und ein, bzw. mehrere vorgefertigte Layouts getestet. Leider ist der Inhalt dann aber nicht zentriert:

    https://i.imgur.com/RN3HCXB.png

    Das ist bei jedem Layout der Fall. Wenn ich nun auf der Vorschauseite im Quelltext folgende Änderung tätige:

    <main id="main" class="site-main  col-xs-12  col-lg-9" role="main">

    zu:

    <main id="main" class="site-main  col-xs-12  col-lg-12" role="main">

    Dann sieht alles richtig aus und alles ist zentriert. Wie komme ich also in WordPress an diesen Code oder die Einstellung? Alle anderen Seiten auf der Website sind auch zentriert, verstehe es also nicht ganz.

    Ich bin über jeden Tipp sehr dankbar, da ich wie gesagt zuvor nur mit reinem HTML gearbeitet habe, nicht mit WordPress.

    Liebe Grüße,

    xorediv

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    um dazu etwas sagen zu können, benötigen wird weitere Informationen: wenn du dann noch die URL oben einträgst, dann können wir uns das auch zunächst im Frontend ansehen und dir sicher besser helfen.

    Hilfreich für eine Analyse wäre der Website-Bericht:
    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
    Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):
    Website-Bericht

    Und mit z. B. STRG V in die Antwort bei diesem Thema einfügen.

    Viele Grüße
    Hans-Gerd

    Thread-Starter xorediv

    (@xorediv)

    Dankeschön, es handelt sich um diese Seite:

    https://boyens-amrum.de/wassersport/kiten/entwurf/

    Passwort: forum

    Der Bericht lautet wie folgt:

    ` wp-core
    
    version: 6.2.4
    site_language: de_DE
    user_language: de_DE
    timezone: +00:00
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true wp-paths-sizes wordpress_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01
    wordpress_size: 176,64 MB (185224033 bytes)
    uploads_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/uploads
    uploads_size: 853,91 MB (895392858 bytes)
    themes_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/themes
    themes_size: 14,50 MB (15204538 bytes)
    plugins_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/plugins
    plugins_size: 90,98 MB (95395542 bytes)
    database_size: 131,97 MB (138379264 bytes)
    total_size: 1,24 GB (1329596235 bytes) wp-dropins (1) advanced-cache.php: true wp-active-theme name: Shaka PT (shaka-pt)
    version: 1.14.4 (latest version: 1.14.5)
    author: ProteusThemes
    author_website: https://www.proteusthemes.com/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, woocommerce, wc-product-gallery-lightbox, wc-product-gallery-slider, wc-product-gallery-zoom, title-tag, post-thumbnails, menus, html5, custom-background, widgets
    theme_path: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/themes/shaka-pt
    auto_update: Deaktiviert wp-themes-inactive (2) Twenty Twenty-Three: version: 1.1, author: Das WordPress-Team (latest version: 1.3), Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Two: version: 1.4, author: Das WordPress-Team (latest version: 1.6), Automatische Aktualisierungen deaktiviert wp-plugins-active (18) Advanced Custom Fields: version: 6.2.0, author: WP Engine (latest version: 6.2.5), Automatische Aktualisierungen deaktiviert
    Advanced Custom Fields: Repeater Field: version: 2.1.0, author: Elliot Condon, Automatische Aktualisierungen deaktiviert
    Breadcrumb NavXT: version: 7.2.0, author: John Havlik, Automatische Aktualisierungen deaktiviert
    Contact Form 7: version: 5.8, author: Takayuki Miyoshi (latest version: 5.8.6), Automatische Aktualisierungen deaktiviert
    Custom Sidebars by ProteusThemes: version: 1.0.3, author: ProteusThemes, Automatische Aktualisierungen deaktiviert
    FileBird Lite: version: 5.5, author: Ninja Team (latest version: 5.6.1), Automatische Aktualisierungen deaktiviert
    Ninja Forms: version: 3.6.29, author: Saturday Drive (latest version: 3.7.2), Automatische Aktualisierungen deaktiviert
    One Click Demo Import: version: 3.1.2, author: OCDI (latest version: 3.2.0), Automatische Aktualisierungen deaktiviert
    Page Builder by SiteOrigin: version: 2.25.2, author: SiteOrigin (latest version: 2.29.4), Automatische Aktualisierungen deaktiviert
    Portfolio Post Type: version: 1.0.1, author: Devin Price, Automatische Aktualisierungen deaktiviert
    ProteusThemes Shortcodes: version: 1.7.3, author: ProteusThemes, Automatische Aktualisierungen deaktiviert
    PVB Contact Form 7 Calculator: version: 1.0.11, author: Petko Bossakov, Automatische Aktualisierungen deaktiviert
    Redirection: version: 5.3.10, author: John Godley (latest version: 5.4.2), Automatische Aktualisierungen deaktiviert
    SiteOrigin Premium: version: 1.50.0, author: SiteOrigin (latest version: 1.58.1), Automatische Aktualisierungen deaktiviert
    SiteOrigin Widgets Bundle: version: 1.54.0, author: SiteOrigin (latest version: 1.58.2), Automatische Aktualisierungen deaktiviert
    Under Construction: version: 3.97, author: WebFactory Ltd (latest version: 3.98), Automatische Aktualisierungen deaktiviert
    WP Featherlight: version: 1.3.4, author: Cipher, Automatische Aktualisierungen deaktiviert
    Yoast SEO: version: 21.0, author: Team Yoast, Automatische Aktualisierungen deaktiviert wp-plugins-inactive (3) Akismet Anti-Spam: Spam Protection: version: 5.2, author: Automattic - Anti Spam Team (latest version: 5.3.1), Automatische Aktualisierungen deaktiviert
    WP Notification Bars: version: 1.0.12, author: MyThemeShop, Automatische Aktualisierungen deaktiviert
    WP Rocket: version: 3.10.9, author: WP Media, Automatische Aktualisierungen deaktiviert wp-media image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1692
    imagemagick_version: ImageMagick 6.9.12-90 Q16 x86_64 17868 https://legacy.imagemagick.org
    imagick_version: 3.5.1
    file_uploads: File uploads is turned off
    post_max_size: 128M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    imagick_limits:
    imagick::RESOURCETYPE_AREA: 8 GB
    imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
    imagick::RESOURCETYPE_FILE: 192
    imagick::RESOURCETYPE_MAP: 4 GB
    imagick::RESOURCETYPE_MEMORY: 2 GB
    imagick::RESOURCETYPE_THREAD: 1
    imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
    imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, AVI, AVS, B, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, FAX, FILE, FITS, FLV, FRACTAL, FTP, FTS, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K, K25, KDC, LABEL, M, 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, O, 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, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCREENSHOT, 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, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMV, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, Y, YCbCr, YCbCrA, YUV
    gd_version: bundled (2.1.0 compatible)
    gd_formats: GIF, JPEG, PNG, WebP, BMP
    ghostscript_version: not available wp-server server_architecture: Linux localhost 4.18.0-477.15.1.el8_8.x86_64 #1 SMP Linux localhost 4.18.0-477.15.1.el8_8.x86_64 #1 SMP Linux localhost 4.18.0-477.15.1.el8_8.x86_64 #1 SMP
    httpd_software: Apache/2.4.58 (Unix)
    php_version: 7.4.33 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 4000
    time_limit: 240
    memory_limit: 512M
    max_input_time: 60
    upload_max_filesize: 128M
    php_post_max_size: 128M
    curl_version: 8.4.0 OpenSSL/3.0.10
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: false wp-database extension: mysqli
    server_version: 5.7.42-log
    client_version: 5.6.45
    max_allowed_packet: 67108864
    max_connections: 3000 wp-constants WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content
    WP_PLUGIN_DIR: /mnt/web520/b3/67/5765967/htdocs/WordPress_01/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 512M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    DB_CHARSET: utf8
    DB_COLLATE: undefined wp-filesystem wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable

    Da kann ich persönlich allerdings nicht das Problem ausmachen. Die anderen Seiten auf der Website sind alle schön mittig zentriert, nur die neuen, welche ich anlege nicht, außer ich ändere in der Entwicklerkonsole des Browsers besagte Zeile.

    Vielen Dank und liebe Grüße,

    xored

    Edit: Ich habe es glaube ich behoben. In der Datei „page.php“ habe ich folgende Zeile wie oben beschrieben angepasst:

    <main id="main" class="site-main  col-xs-12<?php echo 'left' === $shaka_sidebar ? '  col-lg-9  col-lg-push-3' : ''; ?><?php echo 'right' === $shaka_sidebar ? '  col-lg-12' : ''; ?>" role="main">

    Somit ist alles richtig zentriert. Andere Seiten wurden dadurch scheinbar nicht negativ beeinflusst.

    • Diese Antwort wurde geändert vor 1 Monat von xorediv.
    Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    sorry, aber das Theme ist wohl ein kostenpflichtiges Theme: wir können dir bei gekauften Themes (Shaka) oder Plugins so gut wie gar nicht helfen, weil sie uns nicht zur Verfügung stehen. Wir müssten sonst bei jeder Frage erst einmal das entsprechende Theme oder Plugin kaufen, uns dort einarbeiten und dann kostenlos den Support anbieten, für den du beim Kauf eigentlich bezahlt hast. Du solltest dich in dem Fall an die Entwickler wenden. Lies bitte auch mal in der FAQ II, 1b zu diesem Thema.

    Vermutlich verwendest du bei der Erstellung den Page Builder by SiteOrigin. Hier könntest du ansetzen.

    Viele Grüße
    Hans-Gerd

    Thread-Starter xorediv

    (@xorediv)

    Hallo, hatte meine Antwort schon bearbeitet, warst wohl schneller. Bisher hat es das Problem behoben.
    Grüße

    Moderator Hans-Gerd Gerhards

    (@hage)

    Hallo,
    wenn du das direkt im Theme überschrieben hast, wird das spätestens mit dem nächsten Update des Themes wieder ein Problem darstellen.

    Daher: Eine dauerhafte Lösung (wenn überhaupt) ist das sicher nicht. Besser ist, wenn du das Problem mit dem Support abklärst.

    Viele Grüße
    Hans-Gerd

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)