Skip to main content

Search

Universe Help Center

How can I make a Button Block full width?

Braley Bullard
  • Updated

Use Block Padding to control how your the Button Block looks on your page

Using Block Padding, you're able to customize how Block elements align on your website. You're able to control if they're offset to the right, expand to the entire area, etc. 

IMG_0097_iphone12black_portrait.pngIMG_0098_iphone12black_portrait.pngIMG_0101_iphone12black_portrait.png

You can edit the Block Padding by heading over to the Style tab for the Block. From the Style tab under Button Size you're able to choose three different padding options for your Button Block:

  • Fit to Text (default the padding is set to): Your Button will expand/shrink based on how many words are inside the button. 
  • Full Width: Making a button "Full Width" means that it will expand to the entire width of your website page.
  • Custom: You can set custom Padding for your buttons. You can do this by using the step increase buttons or by dragging the handles around the block. (Be sure to tap the pencil icon to edit!)

full-width-button-gif.gif

🌟 Have any questions or ideas? Reach out to the Support Team in the app or by email at help@onuniverse.com!