Override sky.css

Hi,

To prevent an update to overwrite my .css file changes I added some modifications to the custom.css of event booking.
I would like to override some lines in the file media/com_eventbooking/assets/css/themes/sky.css

therefore I added the lines I want to change in the file:
media/com_eventbooking/assets/css/custom.css

nothing happens.

what am I doing wrong?

thanks

never mind, seems to be working now?!

thanks.

With my webhost, I need to disable their built-in speed caching feature via cPanel to see my css file changes in real-time (otherwise it takes several minutes to see the change). If you have problems in the future, check and see if your host runs a similar cache.

Hi James,

thanks for your response. I see now that the problem is still there.
When I look with Chrome inspector, what happens is this:
On the frontpage of the website the .css of the minicalender is taken from media/com_eventbooking/assets/css/themes/sky.css
when I go to a specific event, the .css of the minicalender is taken from media/com_eventbooking/assets/css/custom.css
that is weird, is it not? So the css is wrong on the mainpage, and the css is right when I am on the eventpage.

The minicalender is displayed on the left column of the website.

how can this be?

Hmmm... My guess is that the custom.css only loads when Joomla is actually calling the component (url -> ?option=com_eventbooking) and not just the calendar module. The Devs might be able to comment more on this and should be able to build support into the module for running the custom.css script when the mini-cal module is called by itself. You could get around this for now by putting your css code into your template's custom (or main) css file or config-panel (depending on how your template is set up). I've also used the Custom HTML Advanced module ( extensions.joomla.org/extension/custom-html-advanced ) to create a custom css module that I load on the same page and same module position as a non-cooperative module so that I can inject custom css only when I need it.