How do I adjust the width of a button on my website?

How do I adjust the width of a button on my website?

Custom button width allows for equal padding on the left and right side of a button. To make changes to your website's buttons, select the Manage Your Site tile.
                  


Select the button, and then select the Styling icon.
                  


Scroll down and select “Dimension”.



Toggle the Set Custom Width button to "On".
                  


Use the bar or enter a number to adjust button width.
                  


    • Related Articles

    • How do I adjust logo width on my website's sticky header?

      Video Walkthrough: To make changes to your website's header, select the Manage Your Site tile.  Hover over the logo and select the "+" icon.  Select the Sticky Header tab.  Adjust the sticky header logo width. We recommend keeping the width ...
    • How do I change the width of my logo on my website's header?

      Video Walkthrough: To make changes to your website's header, select the Manage Your Site tile. Hover over the header section and select the gear icon. Select Logo. Use the arrows or enter a number (in pixels) to adjust the logo’s width. Note: After ...
    • How do I adjust the width of a frame on my website?

      To make changes to a frame on your website, select the Manage Your Site tile. Hover over the block and select the Column Settings icon. Select the Frame icon. Use the bar or enter a number to adjust the frame width. The frame width has been adjusted.
    • How do I make a block on my website full width?

      To make a block full width, select the Manage Your Site tile. Hover over the block and select the gear icon.  Select the Dimensions icon. Toggle the Full Width button. The content in this block will now display from edge to edge.  Before full width ...
    • How do I adjust the spacing of a button on my website?

      To make changes to the buttons on your website, select the Manage Your Site tile.                    Select the button, and then select the Styling icon.                     Scroll down and select “Spacing”.                    Use the bar or enter a ...