Alignment Problems
Tried with default theme: Yes
Tried with all other plugins disabled: Yes
Browser version: Chrome Version 96.0.4664.110 (Official Build) (64-bit)
Page showing the issue: https://wethedelegates.org/2021/12/16/video-test-post-right-alignment/
Debug Info:
ARVE: 9.7.0
ARVE Pro: NOT INSTALLED
ARVE AMP: NOT INSTALLED
ARVE Sticky Videos: NOT INSTALLED
ARVE Random Video: NOT INSTALLED
WordPress Version: 5.8.2
PHP Version: 7.4.25
REST URL: https://wethedelegates.org/wp-json/nextgenthemes_arve/v1
ACTIVE PLUGINS:
ARVE Advanced Responsive Video Embedder: 9.7.0
ARVE Options:
array(3) {
["align"]=>
string(4) "left"
["align_maxwidth"]=>
int(800)
["legacy_shortcodes"]=>
bool(false)
}
Dismissed Notices:
array(0) {
}
oembed_dataparse:
Array
(
[0] => Array
(
[id] => wp_filter_oembed_iframe_title_attribute
[priority] => 5
[function] => wp_filter_oembed_iframe_title_attribute
[accepted_args] => 3
[file] => /home/thedelegates/public_html/wp-includes/embed.php
[line] => 813
)
[1] => Array
(
[id] => wp_filter_oembed_result
[priority] => 10
[function] => wp_filter_oembed_result
[accepted_args] => 3
[file] => /home/thedelegates/public_html/wp-includes/embed.php
[line] => 880
)
[2] => Array
(
[id] => 0000000011b7528c000000007e065fcd_strip_newlines
[priority] => 10
[function] => Array
(
[0] => WP_oEmbed
[1] => _strip_newlines
)
[accepted_args] => 3
[file] => /home/thedelegates/public_html/wp-includes/class-wp-oembed.php
[line] => 735
)
[3] => Array
(
[id] => NextgenthemesARVEfilter_oembed_dataparse
[priority] => 9223372036854775807
[function] => NextgenthemesARVEfilter_oembed_dataparse
[accepted_args] => 3
[file] => /home/thedelegates/public_html/wp-content/plugins/advanced-responsive-video-embedder/php/functions-oembed.php
[line] => 15
)
)
embed_oembed_html:
Array
(
[0] => Array
(
[id] => NextgenthemesARVEfilter_embed_oembed_html
[priority] => -5
[function] => NextgenthemesARVEfilter_embed_oembed_html
[accepted_args] => 4
[file] => /home/thedelegates/public_html/wp-content/plugins/advanced-responsive-video-embedder/php/functions-oembed.php
[line] => 35
)
[1] => Array
(
[id] => 0000000011b75782000000007e065fcdresponsive_oembed_wrapper
[priority] => 10
[function] => Array
(
[0] => Astra_After_Setup_Theme
[1] => responsive_oembed_wrapper
)
[accepted_args] => 3
[file] => /home/thedelegates/public_html/wp-content/themes/astra/inc/class-astra-after-setup-theme.php
[line] => 237
)
)
If using center right alignment, it causes pagination block to show to the right of the video rather than below it where it should be.
https://wethedelegates.org/2021/12/16/video-test-post-right-alignment/
https://i.imgur.com/yH3HIgH.jpg
The video in Gutenberg shows pin sized.
https://i.imgur.com/pO59twH.jpg
If using left alignment, it is the same but reversed.
If using center alignment, it shows on front end ok, but shows left aligned in Gutenberg.
This happens on Astra and GeneratePress themes both. On Twenty Twenty One them it is the same in Gutenberg but shows right on front end.
Alignment left/right works as intended on your frontend. It will apply css float: left/right. That is supposed to make text or anything that comes after float around the video. You push your navigation below the video with this custom CSS. This shows you how to add it in case you do not know. This is an issue with your theme, it should already do this.
article::after {
display: block;
content: "";
clear: both;
}
The backend issue is pretty complicated I do not know how to fix it, but I can confirm that I have the same issue. I will try to fix it.
Thank you.