要设置这个元素的左边距(margin-left)为0,您可以使用CSS。以下是几种方法来实现这一点:
- 直接在Elementor编辑器中添加自定义CSS:
a. 在Elementor编辑器中,选择包含这个TOC的小部件。
b. 转到”高级”选项卡。
c. 找到”自定义CSS”部分。
d. 添加以下CSS代码:
css .elementor-toc__list-wrapper { margin-left: 0 !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
:::
Last Updated:
版权声明:
本文标题:elementor toc移除左边margin
本文链接:https://haoyelaiga.com/elementor-toc%e7%a7%bb%e9%99%a4%e5%b7%a6%e8%be%b9margin/
版权所有:好嘢
转载请保留出处,谢谢合作!
本文标题:elementor toc移除左边margin
本文链接:https://haoyelaiga.com/elementor-toc%e7%a7%bb%e9%99%a4%e5%b7%a6%e8%be%b9margin/
版权所有:好嘢
转载请保留出处,谢谢合作!
