# Design How-To's

- [How to style a specific component element (E.g. buttons image)](/how-tos/design-how-tos/how-to-style-a-specific-component-element-e.g.-buttons-image.md): Some components have various sub-elements that you can style separately. E.g. options selectors have buttons, list, images, etc. Here you'll learn how style a specific sub-element.
- [How to style individual buttons (by button key) in Options Selectors](/how-tos/design-how-tos/how-to-style-individual-buttons-by-button-key-in-options-selectors.md): Customizing styles for buttons in a common options selector may be necessary, such as to achieve varied text and box shadow color as seen in the image below.
- [How to style a rounded bullet-like checkbox for options buttons](/how-tos/design-how-tos/how-to-style-a-rounded-bullet-like-checkbox-for-options-buttons.md): This tutorial takes you step by step on how to create rounded checkboxes for options buttons with styling similar to the one shown in the following image:
- [How to get rid of the default input outline](/how-tos/design-how-tos/how-to-get-rid-of-the-default-input-outline.md): By default inputs have an outline shown for their on-focus state which overlaps with the input border. Here you'll learn how to avoid this issue.
- [How to style a background image](/how-tos/design-how-tos/how-to-style-a-background-image.md): This tutorial demonstrates how to set a page background image. To set it on some component, select the component instead of the whole page in the Designer card.
- [How to style components (basics)](/how-tos/design-how-tos/how-to-style-components-basics.md): Styling components is what we do maybe most of the time. Here you'll learn the basics about how to style with our builder.
- [How to change a component's location](/how-tos/design-how-tos/how-to-change-a-components-location.md): Is not uncommon to need to move page components up or down, or even change the container (div) they are in. Here you’ll learn how to do this with our tool.
- [How to upload and apply images to your design](/how-tos/design-how-tos/how-to-upload-and-apply-images-to-your-design.md): Instructions on how to upload an image and use it in an image component or as a background image in a component using the "Assets" and "Designer" cards.
- [How to style hover, selected, disabled button states](/how-tos/design-how-tos/how-to-style-hover-selected-disabled-button-states.md): Buttons can have different styles for different states. Here you'll learn how to give them a unique style for their 3 most common states.
- [How to style CSS properties that are not there in the designer card (custom properties)](/how-tos/design-how-tos/how-to-style-css-properties-that-are-not-there-in-the-designer-card-custom-properties.md): If a CSS property is not available in the "Designer" card tabs, you can still use it. Learn how in this brief doc on customizing styles.
- [How to make my flow responsive](/how-tos/design-how-tos/how-to-make-my-flow-responsive.md): Today most websites are responsive, this is given to the number of people accessing them via smartphones or tablets. Here we’re going to show you how to easily set styles for each device type.