Start a href link in the title, not the list numbers

  • Resolved David

    (@dalthea)


    4 years, 10 months ago

    Hi Steven!

    First of all thank you very much for your plugin. I came from TOC+ which was good, but has some bugs. I tried yours and I’m happy with it, so I switched.

    I have a question: is it possible to not link the list numbers? It’s just a style thing, but since my theme underlines the links I think it doesn’t look so good to have the numbers underlined too. I would like to make the link only the header, or if it’s possible to style it in CSS to avoid the number list to be linked too.

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Steven

    (@shazahm1hotmailcom)

    Please add this to the theme’s Custom CSS area in the Customizer:

    #ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
	display: inline-block;
	margin-right: .2em;
}
    Thread Starter David

    (@dalthea)

    Thank you very much for your reply and help! But for some reason is not working. It’s actually not doing anything at all :/
    I added it to my themes custom css area but it didn’t work

    Steven

    (@shazahm1hotmailcom)

    Perhaps the theme is applying a style to the TOC links. You would have to share a link for with me to know for sure.

    Thread Starter David

    (@dalthea)

    Sure, here it goes, hope I’m not breaking any no-links rules: https://dalthea.com/cocktail-mesa-dulce-boda/

    Steven

    (@shazahm1hotmailcom)

    Yes, it was the theme. Please add this custom CSS too:

    #ez-toc-container a.ez-toc-link {
    border: none;
}
#ez-toc-container a:hover {
	text-decoration: underline;
	text-decoration-color: #e5ab11;
}
#ez-toc-container a.ez-toc-link:hover {
    box-shadow: none !important;
}
    Thread Starter David

    (@dalthea)

    Yeah, that kinda works, but erases the whole toc link styling. I see I’m not explaining myself correctly, my bad sorry.

    In TOC+ the numbers are not inside the a href so they are not styled and -in my opinion- the table looks cleaner and it’s easier to identify each item.

    Anyway thank you very much!

    • This reply was modified 4 years, 10 months ago by David.
    Steven

    (@shazahm1hotmailcom)

    Sorry, but I’ve given you what can be done. ezTOC and TOC+ add the list counters in very different ways.

    Thread Starter David

    (@dalthea)

    I understand Steven. Thanks a lot anyway!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Start a href link in the title, not the list numbers’ is closed to new replies.