How do I create a two color title in a panel macro?

[Lena Bosheh]

Am I able to create a title with two text colors in the panel macro in Confluence? If so, how? Also, can I change the font? How?

image2017-1-24 14:9:11.png ‏6 KB

image2017-1-24 14:9:46.png ‏6 KB

image2017-1-24 14:9:16.png ‏6 KB

image2017-1-24 14:9:22.png ‏6 KB

[Milo Grika]

You can do it with a modified panel:

image2017-1-24 14:0:45.png

1. Add the Panel macro
2. Add the Div macro to the body of the Panel macro
3. Add the "head" text of the "panel" to the body of the Div macro and color it however you want

4. Add some CSS to the Styles field of the Div macro

   background: yellow; position: relative; left: -10px; top: -10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; width: 110%;

5. Add whatever text to the body of the Panel macro (below the Div macro)

To change the font, add the font designation to the CSS in the Styles field, e.g.:

font-family: Times;

So,

background: yellow; font-family: Times; position: relative; left: -10px; top: -10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; width: 110%;

image2017-1-24 14:9:46.png

image2017-1-24 14:0:45.png ‏7 KB

[Lena Bosheh]

Thank you so much! Would this also allow me to paste a logo in the header? Like a banner logo?

L

[Milo Grika]

Yes.

[Rob Woodgate]

Hi Lena,

Adding a header image is used as an example in Atlassian's Basic Styling Tutorial.  That should point you in the right direction.

[Lena Bosheh]

Thank you!

[Lena Bosheh]

But can that same method/CSS be used in the context of a panel macro? If so, how? Do I find the panel CSS and include it there? Thanks again.