5 Replies Latest reply on May 27, 2013 6:29 AM by rohit

    Change default table header color

    rohit Advanced

      Hello Jive,

           How to change default table header background color.

      Example : 

      Header 1 table has default color blue I want to change default color to green.

       

      Header 1

       

       

      Thank you,

        • Re: Change default table header color
          deesteel Advanced

          Hi Rohit,

           

          You will have to modify your current theme and add a /template/global/custom-css.ftl file to override the inline style. Not sure what version of Jive your using, but these css blocks should work for version 4 and version 5.

           

          Version 4:

          table.jiveBorder tbody tr th[style] {
              background-color: green !important;
              border: 1px solid #000000;
              color: #FFFFFF;
              padding: 2px;
              text-align: center;
          }
          

           

          Version 5:

          table.jiveBorder thead tr th.header[style] {
              background-color: green !important;
              border: 1px solid #000000;
              color: #FFFFFF;
              padding: 2px;
              text-align: center;
          }
          

           

          I just copied the rest of the inline style information in the css blocks, but you can remove them, or override them by using the !important css tag.

           

          Hope that helps.

            • Re: Change default table header color
              rohit Advanced

              Hello Dave,

               

              Thanks for reply.

               

              I am using Jive 4.5.5.0 version. I added these css in  /template/global/custom-css.ftl but its not reflecting on table header color. Color changes should reflect on all table headers from all content editors. I have added screenshot after making making changes in custom-css.ftl.

              Capture.JPG


                • Re: Change default table header color
                  deesteel Advanced

                  I see, its not working while editing the table, when the document is saved, the table header should change. If that helps for you, and isn't working in jive 4.5, attach a view source of your site and I'll tell you the proper css selector inline style to override.

                   

                  I just now tried changing the inline style for the editing within the tinymce editor, it looks like the inline style is not being overwritten, so I believe you will need to change the content.css file /usr/local/jive/applications/template/application/styles/tiny_mce3/themes/advanced/skins/defau                                             lt/content.css file

                    • Re: Change default table header color
                      rohit Advanced

                      Hello Dave,

                       

                           Thank you for reply.

                      What changes needs to be done in content.css?

                      Which css should I add in content.css ?

                       

                      Currently my content.css contents

                       

                      scrollbar-darkshadow-color:#DDD;

                      scrollbar-face-color:#E0E0DD;

                      scrollbar-highlight-color:#F0F0EE;

                      scrollbar-shadow-color:#F0F0EE;

                      scrollbar-track-color:#F5F5F5;

                      }

                      body{

                              text-align: left;

                      }

                       

                      Thank you,

                      Rohit

                • Re: Change default table header color
                  rohit Advanced

                  Hello Ryan Rutan, Mandar Tuljapurkar any suggestion appreciated.

                   

                  Thank you,

                  Rohit