---
title: Container
has_toc: false
back_to_top: true
back_to_top_text: "Back to top"
nav_order: 8
---

## Container Settings
Similar to the text settings above, this section includes two pairs of options for customizing the Border and Background of the container.

- use the toggles to turn them `on` or `off`
- use the color picker to set a custom color
- or use the `Light` and `Dark` color defaults

### Top Margin <span class="label label-green badge">NEW v1.1.2</span>
When this is toggled `on`, the progress bar will have a larger margin at the top to avoid text being obscured by the `</>` in the top right of the code block when you mouse over.

![Container](/assets/Obsidian Advanced Progress Bars - Top Margin Before and After.png)

If it is turned off then it behaves as before to save vertical screen space for those who don't mind the hover over </> obscuring the top right text.

{: .note }
This extra spacing only happens once for each code block, so if you have multiple progress bars in one code block the spacing between progress bars will remain the same.