How to Change Button Styling

introduction buttons play a critical role in guiding visitors through your website and encouraging actions like renting a unit, contacting your facility, or making a payment with storagely’s website editor, you can fully customize button styling—including colors, text, size, and shape—to match your brand and improve user engagement this guide walks you through how to update button styles across different sections and devices to ensure consistency and clarity throughout your site note if updating styling of one button, you will need to manually update all button styling on all pages to style a button click the button element use the toolbar to make the following changes text color defines the color of any written content of the button font and font size the font used in a button determines the style and personality of the text font size controls how large the button text appears border radius for rounded corners controls how rounded the corners of a button (or any element) appear padding for internal spacing refers to the internal spacing inside an element—it’s the space between the element’s content (like button text) and its border for example, in a button, padding controls how much space surrounds the text inside the button icon placement refers to the position of an icon in a block by adjusting this setting, you can move the icon to the left, right, or center of the block you can also move the button without needing to recreate the button entirely this helps you fine tune the layout for a cleaner and more balanced design https //docs storagely io/storagely product/how to make changes on desktop tablet and mobile ( desktop, tablet, mobile ) to ensure they look correct to save the update , select “ update ” in the bottom right corner of the window then close the tab 🎥 watch tutorial video button styling best practices ✅ keep button text short and action oriented use clear, concise phrases like “reserve now” , “pay online” , or “contact us” to prompt user interaction avoid vague labels like “click here ” ✅ choose high contrast colors for visibility ensure your button color stands out from the background use your brand’s primary color for action buttons, and test for readability on light and dark backgrounds ✅ test on all devices always preview button alignment, text wrapping, and size in desktop, tablet, and mobile views to ensure a polished look across screen types as always, if you ever have any questions throughout this process, our customer success team is always ready to help! we have a couple of ways you can reach out, choose what is best for you ! all methods of contact flow into the same support team, which means no method will provide you a faster response than others email helpdesk\@storagely io com https //d1s7s share hsforms com/297gkkisitsmdgskuyt9s2g