I see that K2 has 2 k2.css files

/components/com_k2/css/k2.css

and

/media/k2/assets/css/k2.css

Are both files used? Which takes precedence? Do they have different styles?

How do I create custom CSS w/o editing the released files? I see there was once a CSS4K2 plugin but it's not around anymore, the suggested video tutorial is outdated. I can create overrides, but how about the CSS?

What's the latest on creating custom css? thanks.

Hello,

One file is used in the backend and one for your site.
You can add custom styles by either overriding K2's css file (/components/com_k2/css/k2.css) or by adding new stylesheets using Joomla!'s API docs.joomla.org/JDocument/addStyleSheet

thanks, to be clear, /components/com_k2/css/k2.css is used for the front end right? thanks

Hi Mark,

There are a number of plugins that you can use to load additional CSS files, here are a few (in no particular order):

extensions.joomla.org/extensions/extension/core-enhancements/coding-a-scripts-integration/add-custom-css

extensions.joomla.org/extensions/extension/core-enhancements/coding-a-scripts-integration/headtag

extensions.joomla.org/extensions/extension/core-enhancements/performance/js-css-control

extensions.joomla.org/extension/jquery-easy

extensions.joomla.org/extensions/extension/core-enhancements/coding-a-scripts-integration/easyscript

I hope this helps,

Joe Campbell

I would opt-in not to use an extension for a simple task, where Joomla!'s API has your back.

@Joe, you know you rock, right?

Thank you for the kind words @Kricore - Just glad to help when I can :)

thanks for the links. My question was:

/components/com_k2/css/k2.css is used for the front end right?

and the k2.css is used on the backend?

thanks

Frontend CSS:
/templates/YOURTEMPLATE/css/k2.css

Backend CSS:
/media/k2/assets/css/k2.css

Remember: When in doubt View Source :)

thanks that's helpful.

Hello,

Maybe you misplaced this post.