Something weird going on

I think you might have posted to the wrong support forum.

Haha.. no, I haven’t.

This is the output from Easy table of contents in a widget? see how the spacing is not right at the end link?

Maybe, I’m getting confused between two TOC products if you mean I have the pro version. I did have a pro version of a TOC plugin, thought it was this one. Anyway, I’m using yours currently and that’s the issue.

Ok, then, you going to have to share a link of a good page and a bad page.

Have you got an email? I don’t really want to post live links here.

Sorry, presently, this is the only support channel for the plugin. I have looked at the screenshot several times and I am not even sure what the issue is. It looks alright to me. You have quite a bit of custom CSS being applied to the TOC so perhaps check your CSS to see if that is cause.

Hi,

That’s a shame about the email, last time I posted live links I got a bunch of spam and hack attacks you see.

If it were CSS it would do the same all the time am guessing, nothing unique about that page’s CSS compared to others where it works.

The issue is the last items are bunched together without proper spacing. The third item ends in “variation loader”. After that is another item from the list, which is displayed directly underneath without the spacing.

RE: The third item ends in “variation loader”.

That is because “Variation Loader” is right in the heading.

RE: After that is another item from the list, which is displayed directly underneath without the spacing.

This is definitely is being caused by the custom CSS being applied.

I took a look into it.

As you can see…

https://prnt.sc/qx241v

https://prnt.sc/qx24oh

https://prnt.sc/qx259x

These all work as they should

The reason being they all have the class

.ez-toc-list li a

The entries that don’t display properly have the class

.ez-toc-list ul a

I’m not applying that class to those items, and is why they’re not displaying in a style to match the others.

• This reply was modified 5 years, 1 month ago by Audiomonk.

Sorry, but it is the custom CSS:

https://prnt.sc/qx2qi5

Can you explain why custom css only applies on that and a few other pages? Or what I should be looking for then? Or why it shows the one that doesn’t match as having a different class than the others?

Or why this is marked as resolved?

I’d be interested to know.

• This reply was modified 5 years, 1 month ago by Audiomonk.

@audiomonk

RE: Can you explain why custom css only applies on that and a few other pages?

In as far as I can tell, the custom CSS is on all pages.

RE: Or why it shows the one that doesn’t match as having a different class than the others?

“Method two – Use Variation Loader” is an h2 tag.
“So, where does JWildfire keep its custom variations?” is a h3 tag.

This makes it a nested/hierarchical list. Without custom CSS the “So, where does JWildfire keep its custom variations?” would be indented to indicate that is is a sub heading of “Method two – Use Variation Loader“.

The custom CSS does not account for this and does not apply the spacing (margin).

You, have a few options to correct this yourself.

• Make “So, where does JWildfire keep its custom variations?” an h2 tag.
• Adjust the custom CSS to account for the nested/hierarchical list by adding the selector necessary to add the spacing (margin).
• Disable the “Show as Hierarchy” option on the Table of Contents settings admin page. (This would work with the supplied CSS, not certain what the result would be with the custom CSS).

Aha.. now I get it all, never thought of the hierarchy. That would explain why the different classes are being applied within the

list. There’s no hierarchy I’ll be using so I can safely disable that from the options.

Got there in the end and looks fine with the hierarchy disabled.