Question

我在divi优雅的主题中添加了全角菜单模块，这应该可以正常工作，但是由于某种原因，它总是在上面产生空白。我可以添加一些CSS来解决此问题，但divi的窥视功能发现将多余的空白变为内联样式很明智。由于页面是动态生成的，因此无法阻止添加该页面。

我试图在视觉生成器本身中添加其他CSS。我还去了wordpress中的style.css，将其他代码添加到div中，但是这是行不通的。至于在浏览器中使用检查功能并直接编辑样式，它可以工作，但是就像我在页面生成后上面所说的那样，我当然可以编辑内联样式。但是我该怎么做，以免一开始就无法生成。

<div class="et_dropdown_animation_fade et_pb_bg_layout_light et_pb_fullwidth_menu et_pb_fullwidth_menu_0 et_pb_module et_pb_text_align_left"
data-fix-page-container="on" style="margin-top:48px; padding-top:0px;">

所以我要完成的事情是，绕过内联样式或从wordpress后端从内联样式的方法中，页边距变为0。由于无法将样式添加到css文件中。

当前是否可以返回此明天，最好删除并重新发布该帖子？

Answer 1

这是由Divi的JS生成的。如果可以共享一个公共URL，会更好，但是如果您正在寻找一个快速补丁，则可以在模块加载后通过jquery来获取“ top”值，然后用负的margin-top抵消它。值。

将其添加到Divi Theme Options集成选项卡中（或在.js文件中，然后从子主题的functions.php文件中调用它，当然不带标签）：

</script>
jQuery(document).ready(function($){
    if (!$("body").is(".et-fb")) {
    var fullMenuTop = parseInt($('.et_pb_fullwidth_menu').css('top'), 10);
        $('.et_pb_fullwidth_menu').css("margin-top", - fullMenuTop);
        }

});
</script>

Answer 2

以下对我有用。

Divi 的全宽菜单模块有一个名为 et_pb_row 的内联类。将其高度设置为 0px 并将填充也减少到 0px。如果问题仍然存在，则该行中可能有杂散列。查找 et_pb_column 类并执行相同操作。干杯！

在菜单中添加菜单会生成不需要的空格如何解决

2 个答案: