‘mPS2id-target-first’ class is not being to link

  • Resolved rnbutler87

    (@rnbutler87)


    5 years, 4 months ago

    Hi,

    Really love this plugin, been using it for years to make smooth transitions. However this is the first time I’m trying to style the highlight links and I’m having some trouble – if you could help, it would be hugely appreciated!

    On the page I’ve submitted for help with, scroll down and you will see a ‘Quick Reference’ index. I want to style the ‘mPS2id-target-first’ class in the same style as the hover state. However the ‘mPS2id-target-first’ class is not being added.

    From another thread, I’m making sure that ‘Allow only one highlighted element at a time’ is not selected. And I’ve also specified the specific scroll link (.quick-index-list-item a[href*=’#’]:not([href=’#’])) in the settings but this hasn’t worked either.

    If you could help sort this out, I’d be massively grateful.

    Many thanks,

    Richard

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    Adding the .quick-index-list-item a[href*=’#’]:not([href=’#’]) selector in “Selector(s)” field, doesn’t have the desired effect because there’s also the a[href*=’#’]:not([href=’#’]) default selector, which is a more general one.

    The reason for not having the mPS2id-target-first and mPS2id-highlight-first classes on the quick reference targets and links is because there’s another link (added by the theme) that points to the page wrapper element (#main). This target/link precedes all other links, thus it’s the one that gets the mPS2id-target-first and mPS2id-highlight-first classes.

    There are more than one ways to solve this issue.

    You basically want to instruct the plugin to handle/highlight only the quick reference links/targets or instruct it to avoid handling the #main link.

    For me, the best way would be to simply tell the plugin to avoid handling (and highlighting) the #main link.

    To do this, go to plugin settings and copy/paste the following at the end of “selectors are excluded” field:

    , a[href*='#main']

    In addition, you can remove the , .quick-index-list-item a[href*=’#’]:not([href=’#’]) part from “Selector(s)” option field as it doesn’t have any affect and it’s not needed.

    Save changes and test your page ??

    Let me know if it worked

    Thread Starter rnbutler87

    (@rnbutler87)

    THANK YOU!
    This works perfectly now! Thanks for your super speedy response and detailed reply. Quality plugin and quality support. Thank you again!

    Plugin Author malihu

    (@malihu)

    You’re welcome ??

    @malihu thank you so much ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘‘mPS2id-target-first’ class is not being to link’ is closed to new replies.