如何在 Elementor "Custom position" 中修复 "Overflow hidden"

Question

我正在尝试在页面右侧制作一个自定义帖子图片。隐藏突出的部分。我将 Elementor 用于带有自定义位置功能的 wordpress。

页面大小：仅限平板电脑

这是我正在处理的页面的 link： https://taskoftheday.com/how/

我尝试了 overflow:hidden css 但没有成功。

max-width: 100%;
overflow-x: hidden;

我想隐藏图像向右突出的溢出部分。

Answer 1

在您的 custom css 设置中，尝试以下语法：

body {overflow-x:hidden !important;}

这将应用隐藏 overflow，无论屏幕大小如何。

Answer 2

现在有一个隐藏溢出的选项。在部分布局设置中，您可以 select “隐藏”作为“溢出”的选项。 https://elementor.com/blog/custom-positioning/ 查看此页面了解更多信息。