No announcement yet.

change color sidebar

  • Filter
  • Time
  • Show
Clear All
new posts

  • change color sidebar

    Hi, how can I change the color in the sidebar of the hazyblue theme? Kind regards Michael

  • #2
    Administration > Layout Manager > Your Entity > Side Panels (each or one of Detail, Edit...) > Edit (Pencil Icon) > Select style


    • #3
      Thank you and sorry, I think I used the wrong expression. I am searching for a possibility to change the background color of the (vertical) menu bar in the layout "hazyblue vertical". Regards Michael


      • #4
        better is to create own theme.
        you can copy this as example

        look at application/Espo/Resources/metadata/themes and client/css/espo


        • #5
          tanya how do we change the sidebar items for the main sidebar, not just the individual module sidebar?


          • #6
            tanya I found this under Admin > User Interface.


            • #7
              FWIW I pasted the Vertical Violet css into an online "beautify" program and replaced the oneline css text, then made these changes for a white menu with blue text (line #'s are approx):

              -------------------------- change menu bar to white
              .navbar-inverse {
              background-color: #8e5c9c; ----->>>>>> change to #ffffff = white background
              border-color: transparent;

              -------------------------------change menu text to black
              .navbar-inverse .navbar-nav>li>a {
              color: #f7f7f7; ----->>>>>> change to #000e69 which is blue text

              --------------------------------change hover to transparent

              .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
              color: #fff; ----->>>>>> change to #000

              This is all TEMP but if you just want to see how it would look, text, logo background etc. - Need to Clear Cache and F5 to see it update.


              • telecastg
                telecastg commented
                Editing a comment
                Thanks for posting the implementation

            • #8
              I think this thread is relevant:
              The idea of this thread is to create a "road map/guide" to help developers find where GUI sections or elements are defined within Espo code so customization projects can be implemented without having to spend a lot of time "finding your way around" the code (like many of us have done) whenever possible.


              • crmclients
                crmclients commented
                Editing a comment
                Yes this is awesome! Thanks very much for the link.
                Last edited by crmclients; 08-01-2020, 05:27 AM.

            • #9
              If you don't like current theme, you can check our free theme
              Hello, Today I would like to share with you a free theme which we adjusted in The theme is a refreshed version of the default theme available in EspoCRM. The entire theme is available in our github repository (, and we have published an installer on our site