Excessive junk in the default OpenCart stylesheet.

I have a feeling (assumption) that there is still a lot of old, outdated code in the stylesheet from the past, such as from IE6, etc.
Has anyone ever worked on this and significantly cleaned up and shortened the stylesheet?
And would they be willing to share it with us?
For example, there are multiple media rules with 768, 767, max-, and min width lines, along with a lot of other stuff.

Please read the forum rules, and then try again, with some more details. Media rules are there for a purpose for the responsive default theme in conjunction with bootstrap 3.

maffe wrote: ↑

Fri Jan 03, 2025 5:42 pm

I have a feeling (assumption)

Let me stop you there. Read the CSS and come back to us with facts.

Okay, maybe the wording "I have a feeling (assumption)" wasn't very handy

A few examples of possible improvements that can be made in the stylesheet:
- h1, h2, h3, h4, h5, and h6 are defined multiple times.
- Line 771 has an issue with: margin-top: 4px\9;. The \9 is no longer needed and can be removed, as modern browsers no longer require this 'hack'.

I will go forward and remove the specific Internet Explorer 6, 7, and 8 codes.
I want to get the stylesheet to a minimum of below 500 lines.

My question was: If someone has already done this, it would save me time...

And take a look yourself. Upload the 807 lines of CSS code here: https://csslint.net/

It is an automated tool that is not very sophisticated.

maffe wrote: ↑

Fri Jan 03, 2025 11:24 pm

h1, h2, h3, h4, h5, and h6 are defined multiple times.

More bytes would be used to define once and include colour on each font. Better the way it is.

maffe wrote: ↑

Fri Jan 03, 2025 11:24 pm

The \9 is no longer needed and can be removed

Some people support all browsers, some places have more old browser usage than others.

maffe wrote: ↑

Fri Jan 03, 2025 11:24 pm

I will go forward and remove the specific Internet Explorer 6, 7, and 8 codes.

Some people ignore support for IE all together

maffe wrote: ↑

Fri Jan 03, 2025 5:42 pm

there are multiple media rules with 768

.

Yes, I can not be sure without actually looking into it, but due to css being cascading I suspect it is the reason. It probably can be improved.


All sites are unique. Better to finish a site, compress the css and remove all unnecessary code at the end. Google developer tools now include a beta tool for testing and helping you "perfect" your site.

For a imperfect fix that does not require effort, search google for minimising css and some of them have options for exactly which browsers you want to support.
Job done.