Archived topic
GP Theme causing Elementor Table of Contents conflict
5 replies · Started by Dominic on November 22, 2022
Hi,
the GP Theme is causing the following issue:
When I use GP as a Theme:
https://imgur.com/a/4fmUw84
and here how the Table of Content should look like:
When I switch to Hello Elementor
https://imgur.com/a/eL6Lvxz
The text/headings float too far in the middle, when GP is activated.
I checked a few settings in the customizer and removed all CSS, but I couldn't find a solution.
Hi there,
try adding this CSS:
.elementor-toc__list-wrapper {
margin-left: 0;
}
Hi David,
thank you for the CSS. It worked. Finally!
But why does GP change the margin in the first place?
Or is it something like an unavoidable conflict? (I try to understand whats causing this in the first place, to be able to recognize or fix similar issues like this myself.)
We use left margin for our indentation on HTML Lists.
Elementor assumes it uses Padding so it only sets that the padding to 0
Ok,
I understand and I'll try to keep this in mind if a similar problem occurs.
Thanks again for the quick help.
You're welcome