Hi,
I'm using the sky-high theme as a template and looking at the Frontpage categories list.
What I want to do is change the display of this list so it appears as a set of buttons (image attached).
Most of this can be done through CSS. My only problem is choosing the correct image.
By default the HTML output contains: <div class="category notloaded with_children collapsed" data-categoryid="90" data-depth="1">
Can I use that data-categoryid value in CSS? Something like:
div .category { background: url([[pix:theme|<?php $data-categoryid />]]);}
I've tried experimenting with the "elegant" technique described in this tutorial here (to make sure the .htaccess instruction doesn't cause problems I've put the new files in a subfolder) and although I can see the css/php file has been attached, none of its rules (for testing purposes I've not tried any php ones yet, I've stuck with basic border colour instructions) are being applied.
Is this possible in Moodle, or do I need to use a renderer? If I need to use a renderer, can someone point me to a more comprehensive tutorial than this because although I can see how that works, I can't see how to make the jump from that to figuring this out.
Thanks in advance
Alicia