Hello Moodle People Possible stupid theme dev related question here, but I've been struggling with it for a bit now and thought it might not hurt to reach out to people who may have encountered the same issue.
I have been working on a theme for Moodle 2.5 on a development server. Before installing on a live site, I wanted to test and troubleshoot the installation on another development environment with theme designer mode turned off.
For the most part things are working just fine. The only trouble I am experiencing is with some social media icons, which are being used as CSS backgrounds for block level <a> tags. When theme designer mode is enabled, these icons display just fine using what I would consider to be a conventional file path (eg. www.mysite.com/moodle/theme/mytheme/pix/icon_facebook.png)
In the CSS file, the image is called as a background like this:
#page-footer .social-icons li a.facebook {background:url(mytheme/pix/icon_facebook.png) 0 0 no-repeat;}
Again, in theme designer mode this is perfectly fine. However, as soon as I disable this setting, Moodle does it's optimization magic, and changes the path to my background images to something like this - www.mysite.com/moodle/theme/styles.php/mytheme/1397050976/mytheme/pix/icon_facebook.png
The browser can't find this file, and I am given a blank area in place of what would normally have been a social media icon.
Any quick and easy solution to this? I'm sure it's something simple that I just haven't tried... Cheers.