Currently, I am encountering a frustrating issue on my website. The CSS files are loading in a peculiar order - first the default styles, followed by my custom overrides in luke.css. This results in a brief display of cream color on the left sidebar before being replaced by my desired styles. You can witness this behavior by visiting MY WEBSITE HERE.
This is a new problem for me! To ensure easy upgradability of the theme on OpenCart, I designed the 'child' stylesheet rather than modifying core files.
If you check out the Fiddle of a snippet from header.tpl file below, it might help identify what's causing the issue.
Initially, I suspected that the issue stemmed from having two stylesheets consecutively. Despite merging them together, the problem persisted [no solution].
Next, I considered the possibility of the CSS files' order in the header causing the problem. I rearranged them with luke.css placed last, but unfortunately, it did not resolve the issue [no solution].
Although there is a LESS compiler available on the OC dashboard, I am unsure about its usage and advantages based on my current code. If you have any recommendations regarding compiling with a pre-processor, please share your insights.