How to a change back/front office theme?

Last modification: 2015-02-15 18:43:29

Since 2.23v back office is bootstrap 3 powered, the easiest way to change back office theme is

  1. Download/generate bootstrap css file. Few url's where you can do that
    1. http://bootswatch.com/
    2. http://getbootstrap.com/customize/
  2. In design/backendtheme/vendor/bootstrap/css you will find few css files. These are demo files which will be looked for if default word from these files will be removed.
  3. So just after you downloaded let say bootstrap.default.css put it in css folder and clear cache from back office. That's all new theme should be applied.

If you want to change front office theme you can, use style widget's using internal themes or if you want to change front office widgets content you can do the same steps just for design/customtheme/vendor/bootstrap/css this folder. Also you can change themes using extension.

If you have created some cool theme share it with us!

Support project

Developing application takes a lot of time. You can support application by donating. There is no company behind this application and it takes away my free time. Every donation matters and does not matter how small it is!


Paypal, one time donation
Monthly donation
Bitcoin
bc1q6gkl2hcwtn2g26em6axc7jehmn2hd9x8g7nzx9

USDT (Ethereum network)
0x45b92C4aa29EFD3252fD04fcDDe3e6Ef8b399D75