Using External Style Sheets

[johngwms]

I need to restructure my site which means adding many new css elements.

If I use External Style Sheets, it does not seem possible to select styles defined in those style sheets on product pages using the built-in options when editing product descriptive text.

I am worried that if I move the styles in the external style sheet to actinic.css (to resolve the issue) that they may be overwritten or deleted in a subsequent actinic upgrade.

Any advice would be appreciated.

[leehack]

Add them to the bottom of the actinic stylesheet, they will be fine there.

[jont]

If you are adding layout formatting to the actinic.css (header, footer, columns etc) you are best placing these at the top of the stylesheet as these will be rendered first on a page load.

[johngwms]

Thanks for that.

I have also noticed the the standard actinic.css contains a lot of unused stuff, seemingly related to themes I am not using (I am using the Executive theme).

Would it make sense to remove all the unused stuff to improve the download speed?

If so, if there a tool for finding orphaned styles?

[Duncan Rounding]

You can remove the unused stuff but test well to make sure it's definitely not used.

There are tools around the net that help identify unused css but use with caution as some code is from perl scripts that may not be picked up by online css checkers.

[IanSaunders]

Dust-Me Selectors add-on for Firefox (https://addons.mozilla.org/en-US/firefox/addon/5392/) is the one I use.

But as Duncan says, use with caution.