• We collect Confluence feedback from various sources, and we evaluate what we've collected when planning our product roadmap. To understand how this piece of feedback will be reviewed, see our Implementation of New Features Policy.

      In the new 2.6 theme, the h2. and h3. headings are undistinguishable. There needs to be a bigger difference in font size, or other typography.
      This is purely by my eyes, but also confirmed by several others at my company.

        1. heading-styles.png
          heading-styles.png
          4 kB
        2. screenshot-1.jpg
          screenshot-1.jpg
          209 kB

            [CONFSERVER-9954] h2 and h3 are too similar in Confluence 2.6

            Needed to add less specific ".wiki-content h1" selector for RTE. Other heading levels unaffected.

            David Taylor (Inactive) added a comment - Needed to add less specific ".wiki-content h1" selector for RTE. Other heading levels unaffected.

            h1 and h2 are now identical in the RTE, even though they are different when saved.

            Mark Hrynczak (Inactive) added a comment - h1 and h2 are now identical in the RTE, even though they are different when saved.

            Anatoli added a comment - - edited

            Hi Andy,

            Unfortunately this improvement is not scheduled yet. Quite a few people has already voted for it so it might make it to the top part of 'to implement' list soon.

            Anatoli added a comment - - edited Hi Andy, Unfortunately this improvement is not scheduled yet. Quite a few people has already voted for it so it might make it to the top part of 'to implement' list soon.

            Andy Armstrong added a comment - - edited

            We've finally updated from 2.5.x to 2.10.1, and this has been reported by many of our users. As everyone else has said, to an ordinary user these heading styles look exactly the same. It has made the structure of a lot of our pages much harder to distinguish. Any chance that this could be fixed soon?

            Thanks,

            • Andy

            Andy Armstrong added a comment - - edited We've finally updated from 2.5.x to 2.10.1, and this has been reported by many of our users. As everyone else has said, to an ordinary user these heading styles look exactly the same. It has made the structure of a lot of our pages much harder to distinguish. Any chance that this could be fixed soon? Thanks, Andy

            I attached an image (heading-styles.png) to this JAC issue showing all heading styles in Confluence 3.0. h7 (which doesn't exist) was added just so that the headings could be compared against normal text.

            While h3 is slightly smaller than h2, the image clearly shows that they are too similar. It also shows that h4 and h5 are fairly similar too (though not to the same extent of h2 and h3).

            Suggested solution: make the size of h4 greater than it is now and then increase h3, h2 and then h1 so that after all modifications, each heading style is noticeably different from its adjacent ones (even when they're separated by paragraphs of junk text - use the {loremipsum} macro when testing). This should be tested on all browsers that Confluence supports - IE 6 and 7, Firefox 2 and 3, and Safari 2 and 3.x

            Giles Gaskell [Atlassian] added a comment - - edited I attached an image (heading-styles.png) to this JAC issue showing all heading styles in Confluence 3.0. h7 (which doesn't exist) was added just so that the headings could be compared against normal text. While h3 is slightly smaller than h2, the image clearly shows that they are too similar. It also shows that h4 and h5 are fairly similar too (though not to the same extent of h2 and h3). Suggested solution: make the size of h4 greater than it is now and then increase h3, h2 and then h1 so that after all modifications, each heading style is noticeably different from its adjacent ones (even when they're separated by paragraphs of junk text - use the {loremipsum} macro when testing). This should be tested on all browsers that Confluence supports - IE 6 and 7, Firefox 2 and 3, and Safari 2 and 3.x

            Andrew added a comment -

            I agree. I've also added my vote.

            Andrew added a comment - I agree. I've also added my vote.

            SarahA added a comment -

            I've voted for this issue. I think actually that the h1, h2 and h3 are all a bit too similar.

            SarahA added a comment - I've voted for this issue. I think actually that the h1, h2 and h3 are all a bit too similar.

            Please see screenshot. Can we please change the default h2 and h3? They are currently not readily distinguishable to the naked eye.

            Rosie Jameson [Atlassian] (Inactive) added a comment - Please see screenshot. Can we please change the default h2 and h3? They are currently not readily distinguishable to the naked eye.

            Hi guys,

            I've got Confluence 2.8.0 and am not sure where to put the change in?

            When I look for the file:
            ./confluence/styles/site-css.vm

            I can't see it, all I see is:

            confluence_server:/opt/confluence/confluence-2.8.0-std/confluence/styles # ll
            total 16
            rw-rr- 1 root root 8728 Apr 10 2008 colors-css.vm
            rw-rr- 1 root root 1362 Apr 10 2008 combined-css.vm

            Am I looking in the wrong place?

            I've also tried adding the file with the code:
            <style>
            .wiki-content h3

            { font-size: 13pt; }

            </style>

            But that doesn't work either.

            All help or ideas most welcome.

            Kind Regards,
            Roger Symonds

            www.customware.net

            Roger Symonds added a comment - Hi guys, I've got Confluence 2.8.0 and am not sure where to put the change in? When I look for the file: ./confluence/styles/site-css.vm I can't see it, all I see is: confluence_server:/opt/confluence/confluence-2.8.0-std/confluence/styles # ll total 16 rw-r r - 1 root root 8728 Apr 10 2008 colors-css.vm rw-r r - 1 root root 1362 Apr 10 2008 combined-css.vm Am I looking in the wrong place? I've also tried adding the file with the code: <style> .wiki-content h3 { font-size: 13pt; } </style> But that doesn't work either. All help or ideas most welcome. Kind Regards, Roger Symonds www.customware.net

            Hi,

            Heading 2 and Heading 3 look nearly the same .. so I added following custom HTML at the end of the Head:
            <style>
            .wiki-content h3

            { font-size: 13pt; }

            </style>

            But the styles in the WYSIWYG (Rich Text) editor still look the same, even if I add:
            .mceContentBody h3

            { font-size: 13pt !important; }

            So what can I do?

            Daniel Galán y Martins added a comment - Hi, Heading 2 and Heading 3 look nearly the same .. so I added following custom HTML at the end of the Head: <style> .wiki-content h3 { font-size: 13pt; } </style> But the styles in the WYSIWYG (Rich Text) editor still look the same, even if I add: .mceContentBody h3 { font-size: 13pt !important; } So what can I do?

              rericson Ryan Ericson [Atlassian]
              9f7dc9981cd2 Jon Nermut
              Votes:
              14 Vote for this issue
              Watchers:
              7 Start watching this issue

                Created:
                Updated:
                Resolved: