Print this page

Adding the custom stylesheet user.css in Joomla 3.5 Protostar

Adding a custom CSS file in Joomla Protostar templateWith the release of Joomla 3.5 we can now use a custom CSS file to override the styles of the default Protostar template. Using the override method by only adding our custom CSS code in the user.css file means the change will not be overwritten and lost should the template itself be updated. It's also easier to maintain with all customizations in one place.

To use the user.css file in Protostar you must create the file yourself and place it in the correct location

User.css location in Protostar


The system will import the file if the file exists and is not empty, according to the official pull request. Once you have this file in place you can add customizations to override any styles used in the template or extensions. Some extensions can add CSS after a template renders, so if you're not seeing your changes, you may need to implement the !important command. 

  • Rate this item
    (0 votes)
  • Published in Blog
Privacy Policy   |   © Sharkey Consulting: Online Shopping Experts. All rights reserved.

Sharkey Ecommerce Consulting Ltd. and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.