change color sidebar

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • MicKress
    Senior Member
    • Aug 2017
    • 105

    change color sidebar

    Hi, how can I change the color in the sidebar of the hazyblue theme? Kind regards Michael
  • tanya
    Senior Member
    • Jun 2014
    • 4308

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

    Comment

    • MicKress
      Senior Member
      • Aug 2017
      • 105

      #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

      Comment

      • tanya
        Senior Member
        • Jun 2014
        • 4308

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

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

        Comment

        • mmandell
          Member
          • Jul 2014
          • 99

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

          Comment

          • mmandell
            Member
            • Jul 2014
            • 99

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

            Comment

            • crmclients
              Senior Member
              • Jul 2020
              • 254

              #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
              5025
              .navbar-inverse {
              background-color: #8e5c9c; ----->>>>>> change to #ffffff = white background
              border-color: transparent;

              -------------------------------change menu text to black
              5043
              .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.





              Comment


              • telecastg
                telecastg commented
                Editing a comment
                Thanks for posting the implementation
            • esforim
              Active Community Member
              • Jan 2020
              • 2204

              #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.

              Comment


              • 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.
            • emillod
              Active Community Member
              • Apr 2017
              • 1405

              #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 devcrm.it. The theme is a refreshed version of the default theme available in EspoCRM. The entire theme is available in our github repository (https://github.com/dubas-pro/ext-light-theme), and we have published an installer on our site

              Comment

              Working...