> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Block Styles and Formatting

> Customizing the look and feel of blocks.

Each [block](/97425386980f42deaf4a77dd07b346a9) has a  **Styles** tab in the settings sidebar, which you can use to apply custom styling and colors to the block. Let’s review some of the common settings that most of the blocks have.

## ****Background Color****

This is for setting the background color of the entire block.

<Frame caption="Block background color">
  <img src="https://mintcdn.com/softr-2b8a27e1/-JsdyX1th5sWoqTC/styling/images/block-styles-and-formatting/image1.png?fit=max&auto=format&n=-JsdyX1th5sWoqTC&q=85&s=f013ec2a1096bc46971bbafa83a3e190" alt="Block background color" width="2812" height="1272" data-path="styling/images/block-styles-and-formatting/image1.png" />
</Frame>

## ****Padding****

Allows to control the **Top** and **Bottom** **Padding** within the block, as shown below.

<Frame caption="Adjusting top and bottom padding">
  <img src="https://mintcdn.com/softr-2b8a27e1/-JsdyX1th5sWoqTC/styling/images/block-styles-and-formatting/image2.gif?s=9679e87d1e21a2254ee06e2d87622ec8" alt="Adjusting top and bottom padding" width="2876" height="1424" data-path="styling/images/block-styles-and-formatting/image2.gif" />
</Frame>

## ****Border****

Here you can add a top and bottom border to the block and apply custom border **Style**, **Width**, and **Color**.

<Frame caption="Adjusting border">
  <img src="https://mintcdn.com/softr-2b8a27e1/-JsdyX1th5sWoqTC/styling/images/block-styles-and-formatting/image3.gif?s=9588c1e873bace7b65276f6e1b68d462" alt="Adjusting border" width="2876" height="1424" data-path="styling/images/block-styles-and-formatting/image3.gif" />
</Frame>

<Info>You can also use custom CSS code for more advanced styling use cases. [Learn about custom code](/custom-code/3idxDhKqz1qPdqBuWbs61G/custom-code-block-overview/6XNrxFopUEiwbWipq81Eq1).</Info>