WPAppbox is displayed left-aligned

[dontobi]

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

Additional context

• WordPress version: 5.7
• Plugin version: 0.1.1
• Gutenberg plugin version (if applicable): /
• PHP version: 7.4.16
• OS: Ubuntu 18.04
• Browser: Chrome (mobile and Desktop)
• Device: Xiaomi Mi 10 and Asus Notebook

`

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]

@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;
}