# How-To's - [General How-To's](https://docs.trysavvy.com/how-tos/general-how-tos.md) - [How to select a container when I can’t click over it on the screen](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-select-a-container-when-i-cant-click-over-it-on-the-screen.md): Sometimes, you may need to select a container that is filled with components and lacks any padding, making it difficult to select without inadvertently selecting one of its child elements. - [How to hide a global component on a specific page](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-hide-a-global-component-on-a-specific-page.md): This is meant to be done only for global components. Components that are not global shouldn’t exist on pages where they are not needed. - [How to calculate statistical significance from split test](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-calculate-statistical-significance-from-split-test.md): Quick guide on how to calculate the statistical significance of a split test. - [How to install a Google font.](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-install-a-google-font..md): Sometimes you want to use a font that is not the default one. You can easily install any Google Font by following the steps in this tutorial. - [How to use "Logs" for debugging](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-use-logs-for-debugging.md): Sometimes you need to do some debugging to understand why something unexpected is happening (debugging). Here you'll learn how to do this using event logs. - [How to change pages order](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-change-pages-order.md): Sometimes you need to change your flow page order, maybe because you’ve cloned a page and the new one should be in another position, or maybe just because you want to change the flow path. - [How to select components that are behind the Embeddables card](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-select-components-that-are-behind-the-embeddables-card.md): Sometimes you have an embeddables card already open and you want to select a component that is behind it. Here is how to do it. - [How to clone a page](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-clone-a-page.md): Sometimes you want to clone a page that is similar to the one you need to build next so you have a starting point that already includes components and styles that you've already worked on. - [How to add new components to a page](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-add-new-components-to-a-page.md): As a normal part of creating your flow, you'd need to add new components to your pages. Here is how to do it with our tool. - [How to select the whole page](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-select-the-whole-page.md): Sometimes you need to style the whole page and not just a “main container”. Here is how to select the whole page to do so. - [How to view your flow on different screen sizes](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-view-your-flow-on-different-screen-sizes.md): Usually, you would like to have a responsive flow and the ability to check how it's going to look on different devices. Viewing like different devices has never been so simple. - [How to move between pages while editing your flow](https://docs.trysavvy.com/how-tos/general-how-tos/how-to-move-between-pages-while-editing-your-flow.md): For sure you'll need to move from one page to another to edit all of them. Here is how to do it with our builder. - [Design How-To's](https://docs.trysavvy.com/how-tos/design-how-tos.md) - [How to style a specific component element (E.g. buttons image)](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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)](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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)](https://docs.trysavvy.com/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](https://docs.trysavvy.com/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. - [Logic How-To's](https://docs.trysavvy.com/how-tos/logic-how-tos.md) - [How to set show/hide conditions](https://docs.trysavvy.com/how-tos/logic-how-tos/how-to-set-show-hide-conditions.md): Sometimes you need to show or hide certain elements depending on a user's answer or other variable data. In this tutorial, you'll learn how easy would be to achieve this using our builder. - [How to display a value previously entered by the user](https://docs.trysavvy.com/how-tos/logic-how-tos/how-to-display-a-value-previously-entered-by-the-user.md): Add personal touches to user interactions by displaying custom text. Learn how to retrieve and display user input from a page in this tutorial. - [How to add a “Deselect All” button in a Multi-Select](https://docs.trysavvy.com/how-tos/logic-how-tos/how-to-add-a-deselect-all-button-in-a-multi-select.md): Sometimes you want to set a button to deselect all other buttons when selected. Learn in this short tutorial how to achieve this behavior with our builder. - [How to use a computed field in a condition](https://docs.trysavvy.com/how-tos/logic-how-tos/how-to-use-a-computed-field-in-a-condition.md): You can use Computed Fields for conditions in the same way you can use any other variable. - [How to hide a global component on a specific page](https://docs.trysavvy.com/how-tos/logic-how-tos/how-to-hide-a-global-component-on-a-specific-page.md): This is meant to be done only for global components. Components that are not global shouldn’t exist on pages where they are not needed. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.trysavvy.com/how-tos.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.