Hello Fernando.
Thank you for your help
I have done as you advised but could still not get it work. As a last resort. I downloaded a fresh copy of moodle and re-installed, then I uninstall adaptable theme, purged all the cache and re-installed a fresh copy, starting all over again. All the error seems to be resolved by doing this but one.
Every now and then, the CSS breaks when I try to load a page and I will have to navigate from the url to "purge all cache" after this, the CSS comes together again nicely but soon, it will break again.
I read a post someone having similar problem
(though they were developing a theme) and there was a link to the
Using images in a theme. The syntax to include image in css is given as:
[[pix:theme|
path/to/image/imagename]] and example as:
body {background-image:url([[pix:theme|gradient]]);}
I created a folder "image" in the "pix" directory of the adaptive theme and I have included two background images in the adaptive css option as follows:
.userhead{
background: url(http://***/moodle/theme/adaptable/pix/image/myimage1.png) no-repeat 1%;
}
div.loginbox{
background: url(http://***/moodle/theme/adaptable/pix/image/myimage2.jpg) no-repeat right;
}
The images show perfectly well.
but when I followed the above syntax as follows
.userhead{
background-image: url([[pix:theme|image/myimage1]])no-repeat 1%;
}
div.loginbox{
background-image: url([[pix:theme|image/myimage2]])no-repeat 1%;
}
The images did not show.
My point here is, possibly the way I have included the background image is the problem causing the CSS to break every now and then. But I can not seem to get the syntax right for the moodle recommended way in order for me to confirm either way.
If I can get some help in the right way to use the syntax if it is crucial to do so. Also help in diagnosing why the CSS keep breaking and how I can resolve it.
Thank you.
Rafiat