elementor toc移除左边margin
· 阅读需 2 分钟
要设置这个元素的左边距(margin-left)为0,您可以使用CSS。以下是几种方法来实现这一点:
-
直接在Elementor编辑器中添加自定义CSS:
a. 在Elementor编辑器中,选择包含这个TOC的小部件。 b. 转到"高级"选项卡。 c. 找到"自定义CSS"部分。 d. 添加以下CSS代码:
.elementor-toc__list-wrapper {
margin-left: 0 !important;
}信息margin-left: 0 !important里面的!important不要也可以 -
如果您想要更精确的控制,可以为TOC小部件添加一个自定义CSS类:
a. 在Elementor编辑器中,选择TOC小部件。 b. 转到"高级"选项卡。 c. 在"CSS类"字段中添加一个自定义类,例如
custom-toc。 d. 然后在自定义CSS部分或您的主题的自定义CSS中添加:.custom-toc .elementor-toc__list-wrapper {
margin-left: 0 !important;
} -
如果您想在全站范围内应用这个样式,可以将以下CSS添加到您的主题的自定义CSS部分:
.elementor-toc__list-wrapper {
margin-left: 0 !important;
} -
如果您只想移除左边距但保持一些缩进,您可以使用padding代替margin:
.elementor-toc__list-wrapper {
margin-left: 0 !important;
padding-left: 20px; /* 根据需要调整这个值 */
}
请注意,使用 !important 是为了确保我们的样式覆盖Elementor的默认样式。如果这个方法不起作用,可能需要使用更具体的选择器或调整Elementor的TOC小部件设置。
应用这些CSS后,TOC列表应该会紧贴左侧,没有额外的左边距。如果您需要进一步的调整或有任何其他问题,