Skip to main content

How to Change Padding and Background Color on Cart Blocks

Fine-tune spacing around a cart block and background color of any cart block

Block Styling lets you adjust the padding and background color on any cart block, so you can control spacing and visual emphasis without touching code. It's available on every block.

🛠️ How to Set It Up

  1. Go to Dashboard > Cart > Cart Blocks, click through to the settings of any block you want to style.

  2. Scroll to the Block Styling section at the bottom of the settings.

  1. Use the sliders to adjust padding top and padding bottom. With a maximum of 30px and minimum of 0px. The default is 10px

  2. To change the background color, set the block background color. It starts fully transparent, so increase the opacity to full and then choose your color.

As padding increases, the visible background color area grows with it — so adjust padding and background color together to get the look you want.

Did this answer your question?