Changing decimal numbers to bullet points?

  • Resolved tylerpc73

    (@tylerpc73)


    5 years, 4 months ago

    Hey guys, just downloaded your awesome table of contents plugin. So far I am loving it. I was wondering if there was a way to change the Roman numerals or decimal numbers just to plain bullet points. This would help greatly for articles that already have numbered lists. Seeing multiple numbers is confusing and it would be a lot cleaner with simple round bullet points. https://online4.love/background-checks/ Is there a way to do this with CSS?

    Another full suggestion I have is to be able to make the background color a gradient. I am really enjoying the table of contents put together by rank math that can be seen here. https://rankmath.com/kb/general-settings/ I am trying to replicate their table of contents as close as I can.

    let me know! Either way, I will be continuing to use your awesome plugin!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author LuckyWP

    (@theluckywp)

    Hello!

    Try disable numeration in settings and add this CSS to style.css file in your theme:

    .lwptoc_i { linear-gradient(100deg, #636eb9 0%, #9063b9 100%) !important; }
div.lwptoc_item { padding-left: 10px; }
div.lwptoc_item:before { content: "?"; position: relative; left: -4px; color: #fff; }
    Thread Starter tylerpc73

    (@tylerpc73)

    Hey thanks so much! The part for the bullet points is working like a charm. The other part to add the gradients is not working though, there is an error in the CSS since my editor. I can’t quite figure out what it is as I’m horrible with CSS.

    .lwptoc_i { linear-gradient(100deg, #636eb9 0%, #9063b9 100%) !important; }

    On another note, is it possible to add the background color to the whole width of the content container Like the people over at rank math do: https://rankmath.com/kb/general-settings/
    Even when I set it to 100% width I can’t get it as wide as the content container.

    Thanks again for all the help so far!

    Plugin Author LuckyWP

    (@theluckywp)

    Just paste this code without changes:
    .lwptoc_i { linear-gradient(100deg, #636eb9 0%, #9063b9 100%) !important; }

    RankMath use image for background.

    Thread Starter tylerpc73

    (@tylerpc73)

    ok thanks! Oh, I didn’t know that it was an image that they were using. Another thing I just noticed is that the bullet points don’t show up on mobile. They just show up on desktop. Is there a way to get these to show up on mobile as well?

    Plugin Author LuckyWP

    (@theluckywp)

    I think on your mobile device page is cached. Try clear cache in mobile browser.

    Thread Starter tylerpc73

    (@tylerpc73)

    thanks! that worked. awesome. you guys have great support.

    Plugin Author LuckyWP

    (@theluckywp)

    I’m glad the problem is solved ?? If you have a time, please rate the plugin here: https://www.ads-software.com/support/plugin/luckywp-table-of-contents/reviews/#new-post

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing decimal numbers to bullet points?’ is closed to new replies.