Site logo

Archived topic

GP Theme causing Elementor Table of Contents conflict

5 replies · Started by Dominic on November 22, 2022

Viewing posts 1–6 of 6

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

This archived topic is closed to new replies.