Fixing Table of Contents Sync Issues with H2 Titles in Client Blog | Relume Community

Fixing Table of Contents Sync Issues with H2 Titles in Client Blog

Hey All! Im trying to get Content 27 Work on my client Blog, i actually configured the FinSweet Script + Atrributes, but the table of content is not syncing with H2 Title names, it’s only showing “Heading 2”

39 comments

Matt J.
·
Matías O. would you mind sending a read-only link and a published URL?
Matías O.
·
For sure: https://preview.webflow.com/preview/nsscl?utm_medium=preview_link&utm_source=designer&[…]&itemId=65afdfc77d8b94b18031255a&locale=es&workflow=preview
Matías O.
·
Thank you!!
Matías O.
·
You will encounter with 2 rich text, the Conten 27 first, then the oldone
Matías O.
·
Omg ive just noticed that i had to publish! Sorry for bother!
Matt J.
·
ah okay, so all good?
Matías O.
·
I’m trying to figure it out the animations
Matías O.
·
Becuase now im clicking and i goes to the H2 instantly
Matías O.
·
Also I’m trying to change de font & background color of the selected H2/current but it’s changing every Heading
Matías O.
·
Thank you
Matt J.
·
yeah you'll need to follow these steps for an active/current state https://finsweet.com/attributes/table-of-contents
Matías O.
·
that’s what im following
Matt J.
·
k, so do you see the green "current" tag or?
Matías O.
·
i actually removed the current class that it came from Relume
Matías O.
·
no 😞
Matías O.
·
Should I import another Content 27 and start over?
Matt J.
·
yeah for some reason the steps are in reverse of what you need to do, I have no idea why
Matt J.
·
To edit the Current state class inside Webflow Designer:
1.
Select one of the link templates ( fs-toc-element = "link" )
2.
Set the url of the link to the page you are on
3.
See the green "Current" class appear in the Styles panel
4.
Apply the current/active styles for the link. These styles will be used when a link is active while scrolling through the table of contents.
Matt J.
·
shouldn't have to restart no
Matías O.
·
the step 1 is the one im lost
Matt J.
·
okay it should be like that
Matt J.
·
step one is to select one of the links and change the page to the current page you are on
Matt J.
·
this will give you the green "current" and then you can style
Matías O.
·
Matías O.
·
“2.Set the url of the link to the page you are on” Im trying to make it work for a H2 link, not another page
Matías O.
·
this is how it looks
Matt J.
·
its a temporary thing
Matt J.
·
if you set the link to the current page, thats how you get the "current" green tag
Matt J.
·
the JS will replace all of this, with a completely different set of HTML
Matt J.
·
dynamically
Matt J.
·
you aren't selecting the link tag either, thats the text block
Matías O.
·
Yeah, the attribute is on the Text Block
Matías O.
·
Not the Link Block
Matías O.
·
As it said here
Matt J.
·
yeah, thats not the concern right now
Matt J.
·
this is a separate concern altogether https://university.webflow.com/lesson/states?topics=layout-design#style-the-current-state-of-link-elements-and-tabs
Matías O.
·
ohhh
Matías O.
·
Thank you
Matías O.
·
i’ll review it