Styling TOC and category lists

Hi Earl_D,

I think you should be able to do what you want if you know some CSS. The style sheet has classes for the “table” elements beginning at line 60:

https://plugins.trac.www.ads-software.com/browser/yada-wiki/trunk/includes/yadawiki.css

If you are using a child theme then you can add CSS for those classes in the child theme style sheet. If you don’t use a child theme then you can add the CSS in the theme Customizer at the bottom “Additional CSS”.

I hope this helps. Please let me know how you get on.

Best,

David

Thank you for the quick response. I am using the following styling inline at the moment
"background-color: #c0c0c0; box-shadow: 2px 2px 5px #cccccc; text-align: left; border: 1px solid #339966; box-sizing: border-box; float:right; margin-right:15px; padding: 20px;

To create a category list box like this

Which table CSS in the list you referenced should be modified.

Oh, maybe I misunderstood. I thought you were referring to the index output.

The Frequently Asked Questions section here has (near the bottom) the classes for styling links, if you need to.

Hi Earl_D,

Have you been able to figure this out? Are you needing some default classes added? I guess I need a bit more info.

Thanks,

David

Thanks for checking in. No I have not been able to figure out yet. I am not clear as to which one of these styles changes the TOC and category lists

.wikilink-new (post does not exist – a link to create it)
.wikilink-trash (post is in the trash – just text, no link)
.wikilink-pending (post has the status of “draft”, “auto-draft”, “pending”, or “future” – a regular link)
.wikilink-private (post has a status of “private” – a regular link)
.wikilink-published (the post is published – a regular link)
.wikilink-other (default if not one of the above. Applied to posts with a custom post status or to those with a status of “inherit” – a regular link)

Maybe what I am looking for are style classes that do not exist yet. In your documentation you show the TOC in a box with gray background that you created by styling a <div> What I want to do is style my category lists in a similar fashion but without having to do a <div> and add the styling inline. If I could just modify the CSS styling then every time a category list was inserted it would already be formatted as desired. Hope this is clearer.

So is there a .wikilink – toc or .wikilink-categorylist style?

Hi Earl_D,

Yes, that’s it.

The classes you list above are for styling the wiki links when using the regular shortcode.

The classes I linked to above are for the index output.

The category list is output as an unordered list (ul->li) and I can definitely add classes to that output.

The TOC is just a straight output of the TOC page, so it is not something I can modify.

I’ll try to add classes to the category list in the next few days … that’s listing type ‘Output Wiki Category’.

Hi Earl_D,

I pushed version 2.9.1 that includes classes for TOC Output Wiki Category.

* The “ul” tag has a class of “wiki-cat-list”
* The “li” tag has a class of “wiki-cat-item”
* The link to the category in the “li” tag has the class of “wiki-cat-link”

Hope this helps.

David

Thanks for being so helpful and responsive. I will check it out and get back to you.

Worked perfectly thank you!

Awesome. Thanks for letting me know.

Awesome. Thanks for letting me know.