How do I create a two color title in a panel macro?
Asked by 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?  
[](https://community.atlassian.com/t5/Confluence-questions/How-do-I-create-a-two-color-title-in-a-panel-macro/qaq-p/369688?attachment-id=5309){#link_1185d277dad33d}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/62425/1/image2017-1-24%2014%3A9%3A11.png){#display_1185d277dad33d_0}  
[](https://community.atlassian.com/t5/Confluence-questions/How-do-I-create-a-two-color-title-in-a-panel-macro/qaq-p/369688?attachment-id=5310){#link_1185d277dad33d_0}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/62425/2/image2017-1-24%2014%3A9%3A46.png){#display_1185d277dad33d_2}  
[](https://community.atlassian.com/t5/Confluence-questions/How-do-I-create-a-two-color-title-in-a-panel-macro/qaq-p/369688?attachment-id=5311){#link_1185d277dad33d_1}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/62425/3/image2017-1-24%2014%3A9%3A16.png){#display_1185d277dad33d_4}  
[](https://community.atlassian.com/t5/Confluence-questions/How-do-I-create-a-two-color-title-in-a-panel-macro/qaq-p/369688?attachment-id=5312){#link_1185d277dad33d_2}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/62425/4/image2017-1-24%2014%3A9%3A22.png){#display_1185d277dad33d_6}


Answers:
author: Milo Test
body: 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

[](https://community.atlassian.com/t5/Confluence-questions/How-do-I-create-a-two-color-title-in-a-panel-macro/qaq-p/369688?attachment-id=7899){#link_1185d27e406cac}  
[](/tnckb94959/attachments/tnckb94959/confluence-questions/62426/1/image2017-1-24%2014%3A0%3A45.png){#display_1185d27e406cac_0}

comments: author: Lena Bosheh
body: Thank you so much! Would this also allow me to paste a logo in the header? Like a banner logo?

L


author: Milo Test
body: Yes.


author: Rob Woodgate
body: Hi Lena,

Adding a header image is used as an example in Atlassian's [Basic Styling Tutorial](https://confluence.atlassian.com/doc/basic-styling-tutorial-170000548.html). That should point you in the right direction.


author: Lena Bosheh
body: Thank you!


author: Lena Bosheh
body: 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.


Tags: cloud

confluence-cloud