• Gelöst mathiasbergersteiner

    (@mathiasbergersteiner)


    Hallo, ich bin relativ neu bei WordPress und baue gerade meine Website auf.

    Zu meinem Problem/Frage:

    Ich habe einen Hauptcontainer worin sich wiederum 2 Container nebeneinander befinden.

    Beim Hauptcontainer ist die „Inhaltsbreite: volle Breite“ und Breite, min. Höhe auf jeweils 100 wh./vh. eingestellt. Soweit so gut, der Hauptcontainer streckt sich über die gesamte Bildschirmfläche.

    Bei den beiden verschachtelten Container ist die Inhaltsbreite ebenfalls auf volle Breite eingestellt und Breite jeweils auf 50% (damit sie nebeneinander passen. Jedoch gehen diese Container nicht bis ganz an den Rand hinaus!

    Kann mir jemand erklären, wie ich dieses Problem lösen kann, damit die verschachtelten Container auch die vollständige Breite und Höhe einnehmen?

    Verwendetes Theme: OceanWP

    Vielen Dank im Voraus!

    Liebe Grüße

    Mathias

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • bscu

    (@bscu)

    Thread-Starter mathiasbergersteiner

    (@mathiasbergersteiner)

    Vielen Dank für die Information, da habe ich leider darüber gelesen!
    Einen Link zu der Website würde ich wenns irgendwie geht vermeiden, da sich die Webseite noch im Aufbau/Wartungsmodus befindet.

    Hier ein Screenshot vom Problem:

    Nachfolgend der Bericht der Website:

    `
    ### wp-core ###
    
    version: 6.4.1
    site_language: de_DE
    user_language: de_DE
    timezone: +00:00
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 0
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /home/customer/www/berger-steiner.at/public_html
    wordpress_size: 58,51 MB (61355209 bytes)
    uploads_path: /home/customer/www/berger-steiner.at/public_html/wp-content/uploads
    uploads_size: 72,14 MB (75646320 bytes)
    themes_path: /home/customer/www/berger-steiner.at/public_html/wp-content/themes
    themes_size: 33,83 MB (35477196 bytes)
    plugins_path: /home/customer/www/berger-steiner.at/public_html/wp-content/plugins
    plugins_size: 79,64 MB (83507731 bytes)
    database_size: 18,38 MB (19267584 bytes)
    total_size: 262,50 MB (275254040 bytes)
    
    ### wp-active-theme ###
    
    name: OceanWP (oceanwp)
    version: 3.5.1
    author: OceanWP
    author_website: https://oceanwp.org/about-oceanwp/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets
    theme_path: /home/customer/www/berger-steiner.at/public_html/wp-content/themes/oceanwp
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (3) ###
    
    Twenty Twenty-Four: version: 1.0, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Three: version: 1.3, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Two: version: 1.6, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-active (7) ###
    
    Elementor: version: 3.17.3, author: Elementor.com, Automatische Aktualisierungen deaktiviert
    Elementor Pro: version: 3.17.1, author: Elementor.com, Automatische Aktualisierungen deaktiviert
    Envato Elements: version: 2.0.12, author: Envato, Automatische Aktualisierungen deaktiviert
    Maintenance: version: 4.08, author: WebFactory Ltd, Automatische Aktualisierungen deaktiviert
    Ocean Extra: version: 2.2.2, author: OceanWP, Automatische Aktualisierungen deaktiviert
    Security Optimizer: version: 1.4.7, author: SiteGround, Automatische Aktualisierungen deaktiviert
    Speed Optimizer: version: 7.4.3, author: SiteGround, Automatische Aktualisierungen deaktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_GD
    imagick_module_version: Nicht verfügbar
    imagemagick_version: Nicht verfügbar
    imagick_version: Nicht verfügbar
    file_uploads: 1
    post_max_size: 256M
    upload_max_filesize: 256M
    max_effective_size: 256 MB
    max_file_uploads: 20
    gd_version: 2.3.3
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.56.1
    
    ### wp-server ###
    
    server_architecture: Linux 3.12.18-clouder0 x86_64
    httpd_software: Apache
    php_version: 7.4.33 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 3000
    time_limit: 120
    memory_limit: 768M
    max_input_time: 120
    upload_max_filesize: 256M
    php_post_max_size: 256M
    curl_version: 7.85.0 OpenSSL/3.0.9
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2023-11-20T12:02:50+00:00
    utc-time: Monday, 20-Nov-23 12:02:50 UTC
    server-time: 2023-11-20T12:02:49+00:00
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 5.7.39-42-log
    client_version: mysqlnd 7.4.33
    max_allowed_packet: 33554432
    max_connections: 500
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/customer/www/berger-steiner.at/public_html/wp-content
    WP_PLUGIN_DIR: /home/customer/www/berger-steiner.at/public_html/wp-content/plugins
    WP_MEMORY_LIMIT: 256M
    WP_MAX_MEMORY_LIMIT: 768M
    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
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    
    `
    Jonas

    (@elbsegler)

    Vermutlich musst Du in Customizer unter dem Punkt „zusätzliches CSS“ Folgendes eingeben:

    .container {max-width: 100%;}

    Das hat allerdings eventuell den Nachteil, dass sich das auch auf Header und Footer auswirkt. Wie das dann mit Deinem Wunschdesign funktioniert, musst Du mal probieren.

    Thread-Starter mathiasbergersteiner

    (@mathiasbergersteiner)

    Danke für die Antwort, ich habe den Code wie folgt im Customizer eingefügt jedoch hat sich leider nichts geändert. Der obere organge Container ist ein einzelner, dieser geht auch über die gesamte Breite.Die verschachtelten jedoch nicht.

    bscu

    (@bscu)

    @mathiasbergersteiner

    Einen Link zu der Website würde ich wenns irgendwie geht vermeiden

    Dann wird es schwer bis unmöglich dir zu helfen.

    Thread-Starter mathiasbergersteiner

    (@mathiasbergersteiner)

    Ich habe das Problem gelöst:
    Im Hauptcontainer ist standardmäßig ein Padding (Innenabstand) von 5px eingestellt (Felder sind leer). Hier muss einfach eine „0“ eingetragen werden!

    Nun habe ich jedoch eine weitere Frage:

    Das eingefügte Video habe ich an des Seitenverhältnis des Containers angepasst, jedoch wird dieses gezoomt abgespielt?

    Grundsätzliche Frage hierzu: Soll ich diesen Thread schließen & einen separaten Thread erstellen?

    bscu

    (@bscu)

    @mathiasbergersteiner

    Soll ich diesen Thread schließen & einen separaten Thread erstellen?

    Schließen nicht, aber als gelöst markieren und dann einen neuen Thread eröffnen. Denn du kannst einen Thread nur einmal als gelöst markieren, daher je Problem ein Thread. 😉

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Das Thema „Verschachtelte Container mit Rand“ ist für neue Antworten geschlossen.