带有YouTube视频的网站的容器向左移-Wordpress

Question

我在博客上创建了一个网站，用于放置视频。不幸的是，这个站点的容器离开了，我不知道为什么。博客的其他任何网站都不会发生这种情况。 我使用的是美德主题-https://www.kadencethemes.com/product/virtue-free-theme/

这是我有问题的网站的链接：http://mlodziez-wks.slask.pl/multimedia/wideo/

我将非常感谢您的帮助。

Answer 1

之所以会这样，是因为您在样式表中添加了CSS

.wideo {
    width: 300px;
    heignt: 169px;
    display: inline-block;
}

哪个类在您的“ body”标签中被调用。并且您迫使自己的身体只能保持300px的宽度。因此，您需要将其删除或替换为

.wideo {
    width: 100%;
    heignt: 169px;
    display: inline-block;
}

Answer 2

这是因为您的body元素中包含CSS类wideo，因此向其中添加了以下CSS样式：

width: 300px;
heignt: 169px;
display: inline-block;

您需要从主体中删除此类，因为该类是在CSS文件外部定义的，因此必须在一些主题自定义或类似内容上添加。

Answer 3

将CSS设置为

.wideo {
width:100%;
height: 169px;
display: inline-block;
}

这将解决您的问题。