How to Customize Your Theme Settings?
STEP 1
Go to your Shopify Admin, and select Online Store. Select your Debutify Shopify theme, and click on Customize.
STEP 2
Click on the Theme settings icon⚙️; all theme settings will be located here.
How to Customize Your Colors on the Debutify Theme?
STEP 1
Go to the Colors option.
STEP 2
You can alter the colors of various elements like text, buttons, and headers.
STEP 3
Use the Color Picker, and click on the color next to the element you wish to modify. This action will open a color picker.
For precise brand colors, enter the hex code directly into the designated field. The color will update instantly as you type or paste the hex code.
Customize each element as needed. The preview box on the right lets you see your changes in real-time.
STEP 4
Click Save to apply the new colors to your store.
How to Customize Typography?
STEP 1
Go to the Typography option.
STEP 2
For the Headings, you can customize the following:
Font - You can choose from both system fonts and other fonts available. After choosing your desired font click Done.
Note: Choosing different fonts can affect the speed of your online store.
Adjust the following:
Base size
Page title size
Letter spacing
Choose the type of text transform from the dropdown:
Default
Capitalize
Uppercase
Lowercase
STEP 3
For the body, you can customize the following:
Font - You can choose from both system fonts and other fonts available. After choosing your desired font click Done.
You can adjust the base size.
STEP 4
For the accent text, you can customize the following:
Font - You can choose from both system fonts and other fonts available. After choosing your desired font click Done.
You can also adjust the letter spacing.
Choose from a dropdown to choose text transform.
Check the box to allow Uppercase buttons.
STEP 5
For the header, you can adjust the font size.
STEP 6
Click Save to apply the changes.
How to Adjust the Layout Settings for Various Pages?
STEP 1
Navigate to Theme Settings, then click on Advanced Settings.
STEP 2
You can adjust the header height via desktop and mobile.
STEP 3
Scroll down to choose button style and button size.
STEP 4
You can also adjust the section's height via desktop and mobile.
STEP 5
The border width and radius can also be changed.
STEP 6
Go to the buttons, here you can adjust the following:
Check the box to enable outline on hover
Adjust Padding X and Y
STEP 7
For the page, you can manage the following:
Check the box to enable:
Enable page title background
Show back to collection
You can also adjust the page width.
STEP 8
Click Save to apply the changes.
What Are The Next Steps?