Support » Themes » Divi-Child und WooCommerce-Seiten-Darstellung

  • Hallo,

    danke für eure Zeit und Hilfe. Meine Webseite benutzt ein custom Divi-Child-Theme. Seit einigen Wochen ist die Darstellung meiner WooCommerce-Seiten (Checkout, Cart, My Account) fehlerhaft. Der Hintergrund wird weiß dargestellt, obwohl er farbig und zusätzlich mit einem Hintergrundbild im Header-Bereich sein sollte (siehe Startseite).

    Ich habe verschiedene Ansätze probiert, um die Hintergrunddarstellung zu korrigieren, einschließlich benutzerdefiniertem CSS im Child-Theme und spezifischen Selektoren. Leider hat keiner dieser Ansätze das gewünschte Ergebnis erzielt. Mit den Entwicklern meines Child-Themes arbeite ich nicht mehr zusammen.

    Nach meinem Verständnis sind dies die relevanten Zeilen aus dem style.css:

    
    .woocommerce-checkout #main-content,
    .woocommerce-cart #main-content {
      background-color: #F7EEEC;
    }
    
    
    .woocommerce-account #main-content {
      background-color: #f7eeec !important;
      background-size: contain;
      background-position: top center;
      background-image: url(https://www.vibrant-types.com/wp-content/uploads/2020/03/bg.png)!important;
      background-repeat: no-repeat;
    }

    Auf der geladenen Seite wird im relevanten div-Abschnitt die Hintergrundfarbe überschrieben durch diese Klassen:

    class="et_pb_section et_pb_section_0 et_section_regular"

    Ich habe keine Idee, wie ich darankomme. Laut Entwickler-Tools kommt der Farbwert rgb(255, 255, 255) aus der .et_pb_section, welche in „Inline:10“ steht. „et_pb_section“ scheint vom Divi Builder zu kommen? Die Cart-Seite in der Divi-Builder-Ansicht beispielsweise hat aber keine Hintergrundfarbe in der Sektion angegeben. Die My-Account-Seite wurde nie mit dem Divi-Builder bearbeitet. Dort erscheinen bei Bearbeiten die Optionen „Vorhandenen Inhalt ersetzen“, „Premade-Layout auswählen“ und „Bestehende Seite klonen“. Im Design-Customizer ist #F7EEEC als Hintergrundfarbe angegeben.

    Wie definiere ich das übergeordnet, am besten in der style.css meines Divi-Child? Ich selbst bin nicht wirksam an die et_pb_section gekommen.

    Viele Grüße
    Philip

    `
    ### wp-core ###
    
    version: 6.3
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%postname%/
    https_status: true
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 71
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /home/p-e6jvel/html/vibrant-types-m7el3
    wordpress_size: 182.08 MB (190921991 bytes)
    uploads_path: /home/p-e6jvel/html/vibrant-types-m7el3/wp-content/uploads
    uploads_size: 1.02 GB (1095015729 bytes)
    themes_path: /home/p-e6jvel/html/vibrant-types-m7el3/wp-content/themes
    themes_size: 93.51 MB (98052634 bytes)
    plugins_path: /home/p-e6jvel/html/vibrant-types-m7el3/wp-content/plugins
    plugins_size: 299.39 MB (313938391 bytes)
    database_size: 267.39 MB (280374702 bytes)
    total_size: 1.84 GB (1978303447 bytes)
    
    ### wp-dropins (1) ###
    
    advanced-cache.php: true
    
    ### wp-active-theme ###
    
    name: Divi-Child-Loreberry (divi-child-loreberry)
    version: 2.6.4.4
    author: Minutenstrahlen.de
    author_website: http://minutenstrahlen.de
    parent_theme: Divi (Divi)
    theme_features: core-block-patterns, block-templates, widgets-block-editor, post-thumbnails, custom-background, automatic-feed-links, menus, title-tag, post-formats, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, wp-block-styles, editor-style, widgets
    theme_path: /home/p-e6jvel/html/vibrant-types-m7el3/wp-content/themes/divi-child-loreberry
    auto_update: Deaktiviert
    
    ### wp-parent-theme ###
    
    name: Divi (Divi)
    version: 4.22.0
    author: Elegant Themes
    author_website: http://www.elegantthemes.com
    theme_path: /home/p-e6jvel/html/vibrant-types-m7el3/wp-content/themes/Divi
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (6) ###
    
    Storefront: version: 3.7.0, author: Automattic (latest version: 4.5.2), Automatische Aktualisierungen deaktiviert
    Twenty Seventeen: version: 2.7, author: WordPress-Team (latest version: 3.2), Automatische Aktualisierungen deaktiviert
    Twenty Twenty: version: 1.9, author: WordPress-Team (latest version: 2.2), Automatische Aktualisierungen deaktiviert
    Twenty Twenty-One: version: 1.3, author: Das WordPress-Team (latest version: 1.8), Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Three: version: 1.0, author: Das WordPress-Team (latest version: 1.2), Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Two: version: 1.1, author: Das WordPress-Team (latest version: 1.4), Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-active (20) ###
    
    Borlabs Cookie - Cookie Opt-in: version: 2.2.64, author: Borlabs GmbH, Automatische Aktualisierungen deaktiviert
    Download Manager: version: 3.2.76, author: W3 Eden, Inc., Automatische Aktualisierungen deaktiviert
    Fontsampler: version: 0.4.14, author: Underscore, Automatische Aktualisierungen aktiviert
    Germanized for WooCommerce: version: 3.13.3, author: vendidero, Automatische Aktualisierungen deaktiviert
    Germanized for WooCommerce Pro: version: 3.7.2, author: vendidero, Automatische Aktualisierungen deaktiviert
    iThemes Security: version: 8.1.7, author: iThemes, Automatische Aktualisierungen deaktiviert
    PayPal PLUS for WooCommerce: version: 2.2.1, author: Inpsyde GmbH, Automatische Aktualisierungen deaktiviert
    Popups for Divi: version: 3.0.5, author: divimode.com, Automatische Aktualisierungen deaktiviert
    Really Simple SSL: version: 7.0.8, author: Really Simple Plugins, Automatische Aktualisierungen deaktiviert
    WooCommerce: version: 8.0.2, author: Automattic, Automatische Aktualisierungen deaktiviert
    WooCommerce Multilingual & Multicurrency: version: 5.2.0, author: OnTheGoSystems, Automatische Aktualisierungen aktiviert
    WPForms Lite: version: 1.8.3.1, author: WPForms, Automatische Aktualisierungen deaktiviert
    WP Mail SMTP: version: 3.8.2, author: WP Mail SMTP, Automatische Aktualisierungen deaktiviert
    WP Menu Cart Pro: version: 3.2.1, author: Jeremiah Prummer, Ewout Fernhout, Automatische Aktualisierungen deaktiviert
    WPML Media: version: 2.7.3, author: OnTheGoSystems, Automatische Aktualisierungen aktiviert
    WPML Multilingual CMS: version: 4.6.5, author: OnTheGoSystems, Automatische Aktualisierungen aktiviert
    WPML SEO: version: 2.1.0, author: OnTheGoSystems, Automatische Aktualisierungen aktiviert
    WPML String Translation: version: 3.2.7, author: OnTheGoSystems, Automatische Aktualisierungen aktiviert
    WP Rocket: version: 3.13, author: WP Media, Automatische Aktualisierungen deaktiviert
    Yoast SEO: version: 20.13, author: Team Yoast, 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.7.0
    file_uploads: File uploads is turned off
    post_max_size: 32M
    upload_max_filesize: 32M
    max_effective_size: 32 MB
    max_file_uploads: 20
    imagick_limits: 
    	imagick::RESOURCETYPE_AREA: 16 GB
    	imagick::RESOURCETYPE_DISK: 1.844674407371E+19
    	imagick::RESOURCETYPE_FILE: 786432
    	imagick::RESOURCETYPE_MAP: 16 GB
    	imagick::RESOURCETYPE_MEMORY: 8 GB
    	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: bundled (2.1.0 compatible)
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: not available
    
    ### wp-server ###
    
    server_architecture: Linux 5.15.114-gardenlinux-cloud-amd64 x86_64
    httpd_software: Apache/2.4.56
    php_version: 8.2.1 64bit
    php_sapi: fpm-fcgi
    max_input_variables: 1500
    time_limit: 240
    memory_limit: 256M
    max_input_time: 240
    upload_max_filesize: 32M
    php_post_max_size: 32M
    curl_version: 7.68.0 OpenSSL/1.1.1f
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    current: 2023-08-17T08:53:11+00:00
    utc-time: Thursday, 17-Aug-23 08:53:11 UTC
    server-time: 2023-08-17T10:53:09+02:00
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 8.0.33-25
    client_version: mysqlnd 8.2.1
    max_allowed_packet: 134217728
    max_connections: 100
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/p-e6jvel/html/vibrant-types-m7el3/wp-content
    WP_PLUGIN_DIR: /home/p-e6jvel/html/vibrant-types-m7el3/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 256M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: true
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    WP_DEVELOPMENT_MODE: undefined
    DB_CHARSET: utf8mb4
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable
    
    ### wp_mail_smtp ###
    
    version: 3.8.2
    license_key_type: lite
    debug: Keine Debug-Hinweise gefunden.
    lite_install_date: Dez 7, 2020 @ 10:16am
    
    ### wpforms ###
    
    version: 1.8.3.1
    lite: Apr 3, 2022 @ 10:11am
    upload_dir: Beschreibbar
    total_forms: undefined
    total_submissions: undefined
    
    `

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

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Freundlicher Hinweis: Bei Fragen zu gekauften Themes (hier: Divi) und Plugins (WPML, WP Rocket …) können wir dir nicht weiterhelfen, weil sie uns für einen kostenlosen Support nicht zur Verfügung stehen. Bitte wende dich bei Fragen zu diesem Theme an die Entwickler.

    Ich ändere den Status des Threads auf „keine Support-Frage“.

    Thread-Starter philipvt

    (@philipvt)

    Vielen Dank für den Hinweis. Entschuldige die Fehlannahme, Divi sei kostenfrei und WordPress-Standard. Liebe Grüße

    Entschuldige die Fehlannahme, Divi sei kostenfrei …

    Kein Problem. Ich muss bei anderen Themes auch oft erst nachsehen.

    Vielleicht meldet sich sogar noch jemand. Der Thread ist nicht geschlossen.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „Divi-Child und WooCommerce-Seiten-Darstellung“ ist für neue Antworten geschlossen.