Buttons and inputs theme settings
Are you looking to alter the buttons and inputs of your Shopify store? Well, you can do this easily with the help of the Buttons and Inputs Settings. Access the setting options and start with the process of setting up the buttons and inputs in Booster Theme. Customizing the Buttons and Inputs is also easy, once you become familiar with the steps involved in the process.
To access the Buttons and inputs Settings, click Customize (Themes section on Shopify) > Theme settings > Buttons and inputs
Font Size, Width, and Height
With this setting's help, you can customize the font, width, and height of your default button preset.
Primary and Secondary Buttons
Booster Theme allows a user to create two buttons for their Shopify Store. See them as preset, for instance, if you are looking to modify your CTA, you can pick between your button style's primary or secondary options. With this option's help, you get the convenience to style and color your secondary and primary buttons as per your wishes.
Furthermore, you get four options to alter the style integrated into your buttons. You can choose between Filled(1), Ghost(2), Border Bottom(3), and Text-Only(4).
Combination of Button Colour
With this setting, you can choose from one of the two preset colors. You can either choose one of the available options, that is, from the primary and secondary color combinations, or you can apply custom colors as well.
Button Hover Effect
By enabling this setting, the user will experience the hover effect on the button. It means that once you hover your mouse pointer on the button, the color of the button will change. There are five different choices provided for the users to choose from: Darken(1), Lighten(2), None(3), Reverse Colours(4), and Custom Combinations(5).
Enabling Custom Border
This option provides the modification of the borders around the buttons. The user can also apply custom settings to the borders.
Input Colour Combinations
The input is the place where people can enter a specific quantity for something. For instance, while buying a product, in the cart, the user must fill in the number of products that are to be bought. You can change the Text Colour, Fill Colour, or the Border Colour of the Input to make it look more attractive. Try different options to choose from what suits you best.