material-components / material-design-for-wordpress

Material Design plugin for WordPress
78 stars 22 forks source link

WPAppbox is displayed left-aligned #81

Open ravichdev opened 3 years ago

ravichdev commented 3 years ago

Issue by dontobi Wednesday Mar 10, 2021 at 18:17 GMT Originally opened as https://github.com/xwp/material-design-wp-plugin/issues/559


Bug Description

I use in my wordpress the plugin WPAppbox (https://de.wordpress.org/plugins/wp-appbox/). Unfortunately, this is always displayed left-aligned in the posts.

Expected Behaviour

The WPAppbox should be displayed in the same way as the text.

Screenshots

Screenshot_2021-03-11-07-49-58-940_com.android.chrome.jpg

Additional context

`

wp-core

version: 5.7 site_language: de_DE user_language: de_DE permalink: /%year%/%monthnum%/%postname%/ https_status: true user_registration: 1 default_comment_status: closed multisite: false user_count: 2 dotorg_communication: true

wp-paths-sizes

wordpress_path: /var/www/vhosts/myhome.zone/httpdocs wordpress_size: 162,91 MB (170826694 bytes) uploads_path: /var/www/vhosts/myhome.zone/httpdocs/wp-content/uploads uploads_size: 40,12 MB (42067868 bytes) themes_path: /var/www/vhosts/myhome.zone/httpdocs/wp-content/themes themes_size: 6,15 MB (6443619 bytes) plugins_path: /var/www/vhosts/myhome.zone/httpdocs/wp-content/plugins plugins_size: 36,89 MB (38681851 bytes) database_size: 3,67 MB (3850240 bytes) total_size: 249,74 MB (261870272 bytes)

wp-dropins (1)

advanced-cache.php: true

wp-active-theme

name: Material Design Google (material-design-google) version: 0.1.4 author: Material Design author_website: https://material.io/ parent_theme: none theme_features: core-block-patterns, automatic-feed-links, title-tag, post-thumbnails, menus, html5, customize-selective-refresh-widgets, custom-logo, align-wide, editor-styles, editor-style, widgets theme_path: /var/www/vhosts/myhome.zone/httpdocs/wp-content/themes/material-design-google

wp-themes-inactive (1)

Twenty Twenty-One: version: 1.2, author: WordPress-Team

wp-mu-plugins (1)

Health Check Troubleshooting Mode: author: (undefined), version: 1.7.2

wp-plugins-active (12)

Autoptimize: version: 2.8.1, author: Frank Goossens (futtta) Compress JPEG & PNG images: version: 3.2.1, author: TinyPNG Cookie Notice & Compliance for GDPR / CCPA: version: 2.0.3, author: Hu-manity.co Google Analytics Dashboard for WP (GADWP): version: 6.6.2, author: ExactMetrics Health Check & Troubleshooting: version: 1.4.5, author: The WordPress.org community Loco Translate: version: 2.5.1, author: Tim Whitlock Material Design: version: 0.1.1, author: Material Design PNG to JPG: version: 3.9, author: KubiQ Simple Lightbox: version: 2.8.1, author: Archetyped WP-Appbox: version: 4.3.6, author: Marcel Schmilgeit WP-Sweep: version: 1.1.3, author: Lester 'GaMerZ' Chan Yoast SEO: version: 15.9.1, author: Team Yoast

wp-media

image_editor: WP_Image_Editor_Imagick imagick_module_version: 1687 imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org imagick_limits: imagick::RESOURCETYPE_AREA: 122 MB imagick::RESOURCETYPE_DISK: 1073741824 imagick::RESOURCETYPE_FILE: 6144 imagick::RESOURCETYPE_MAP: 512 MB imagick::RESOURCETYPE_MEMORY: 256 MB imagick::RESOURCETYPE_THREAD: 2 gd_version: bundled (2.1.0 compatible) ghostscript_version: not available

wp-server

server_architecture: Linux 4.15.0 x86_64 httpd_software: nginx/1.18.0 php_version: 7.4.16 64bit php_sapi: fpm-fcgi max_input_variables: 1000 time_limit: 30 memory_limit: 256M max_input_time: 60 upload_max_size: 16M php_post_max_size: 16M curl_version: 7.58.0 OpenSSL/1.1.1 suhosin: false imagick_availability: true server-headers: server: nginx date: Wed, 10 Mar 2021 18:16:25 GMT content-type: text/html; charset=UTF-8 vary: Accept-Encoding x-powered-by: Array expires: Wed, 11 Jan 1984 05:00:00 GMT cache-control: no-cache, must-revalidate, max-age=0 link: https://www.myhome.zone/wp-json/; rel="https://api.w.org/" x-cache-status: BYPASS strict-transport-security: max-age=15768000; includeSubDomains content-encoding: gzip

wp-database

extension: mysqli server_version: 10.5.9-MariaDB-1:10.5.9+maria~bionic client_version: mysqlnd 7.4.16

wp-constants

WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /var/www/vhosts/myhome.zone/httpdocs/wp-content WP_PLUGIN_DIR: /var/www/vhosts/myhome.zone/httpdocs/wp-content/plugins WP_MAX_MEMORY_LIMIT: 256M 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_LOCAL_DEV: undefined

wp-filesystem

wordpress: writable wp-content: writable uploads: writable plugins: writable themes: writable mu-plugins: writable `


Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

Implementation brief

QA testing instructions

Demo

Changelog entry

ravichdev commented 3 years ago

Comment by ravichdev Tuesday Mar 16, 2021 at 17:00 GMT


@dontobi Thanks for reaching out. The issue is most likely because of the wpappbox div not having auto margins. The theme supports full width blocks and hence does not set the content width to a fixed value. This works well for blocks, but for custom content it would require margin-left and margin-right to be set to auto. Please try the below custom CSS and let us know if you see any issues.

div.wpappbox {
    margin-left: auto;
    margin-auto: left;
}