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