Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

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

Avatar of Matías O.Matías O.
·

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

  • Avatar of Matt J.
    Matt J.
    ·

    Matías O. would you mind sending a read-only link and a published URL?

  • Avatar of Matías O.
    Matías O.
    ·

    For sure: https://preview.webflow.com/preview/nsscl?utm_medium=preview_link&utm_source=designer&[…]&itemId=65afdfc77d8b94b18031255a&locale=es&workflow=preview

  • Avatar of Matías O.
    Matías O.
    ·

    Thank you!!

  • Avatar of Matías O.
    Matías O.
    ·

    You will encounter with 2 rich text, the Conten 27 first, then the oldone

  • Avatar of Matías O.
    Matías O.
    ·

    Omg ive just noticed that i had to publish! Sorry for bother!

  • Avatar of Matt J.
    Matt J.
    ·

    ah okay, so all good?

  • Avatar of Matías O.
    Matías O.
    ·

    I’m trying to figure it out the animations

  • Avatar of Matías O.
    Matías O.
    ·

    Becuase now im clicking and i goes to the H2 instantly

  • Avatar of Matías O.
    Matías O.
    ·

    Also I’m trying to change de font & background color of the selected H2/current but it’s changing every Heading

  • Avatar of Matías O.
    Matías O.
    ·

    Thank you

  • Avatar of Matt J.
    Matt J.
    ·

    yeah you'll need to follow these steps for an active/current state https://finsweet.com/attributes/table-of-contents

  • Avatar of Matías O.
    Matías O.
    ·

    that’s what im following

  • Avatar of Matt J.
    Matt J.
    ·

    k, so do you see the green "current" tag or?

  • Avatar of Matías O.
    Matías O.
    ·

    i actually removed the current class that it came from Relume

  • Avatar of Matías O.
    Matías O.
    ·

    no 😞

  • Avatar of Matías O.
    Matías O.
    ·

    Should I import another Content 27 and start over?

  • Avatar of Matt J.
    Matt J.
    ·

    yeah for some reason the steps are in reverse of what you need to do, I have no idea why

  • Avatar of Matt J.
    Matt J.
    ·

    To edit the Current state class inside Webflow Designer:

    1. 1.

      Select one of the link templates ( fs-toc-element = "link" )

    2. 2.

      Set the url of the link to the page you are on

    3. 3.

      See the green "Current" class appear in the Styles panel

    4. 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.

  • Avatar of Matt J.
    Matt J.
    ·

    shouldn't have to restart no

  • Avatar of Matías O.
    Matías O.
    ·

    the step 1 is the one im lost

  • Avatar of Matt J.
    Matt J.
    ·

    okay it should be like that

  • Avatar of Matt J.
    Matt J.
    ·

    step one is to select one of the links and change the page to the current page you are on

  • Avatar of Matt J.
    Matt J.
    ·

    this will give you the green "current" and then you can style

  • Avatar of Matías O.
    Matías O.
    ·
  • Avatar of 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

  • Avatar of Matías O.
    Matías O.
    ·

    this is how it looks

  • Avatar of Matt J.
    Matt J.
    ·

    its a temporary thing

  • Avatar of Matt J.
    Matt J.
    ·

    if you set the link to the current page, thats how you get the "current" green tag

  • Avatar of Matt J.
    Matt J.
    ·

    the JS will replace all of this, with a completely different set of HTML

  • Avatar of Matt J.
    Matt J.
    ·

    dynamically

  • Avatar of Matt J.
    Matt J.
    ·

    you aren't selecting the link tag either, thats the text block

  • Avatar of Matías O.
    Matías O.
    ·

    Yeah, the attribute is on the Text Block

  • Avatar of Matías O.
    Matías O.
    ·

    Not the Link Block

  • Avatar of Matías O.
    Matías O.
    ·

    As it said here

  • Avatar of Matt J.
    Matt J.
    ·

    yeah, thats not the concern right now

  • Avatar of Matt J.
    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

  • Avatar of Matías O.
    Matías O.
    ·

    ohhh

  • Avatar of Matías O.
    Matías O.
    ·

    Thank you

  • Avatar of Matías O.
    Matías O.
    ·

    i’ll review it