Customize your header and body content
In this article:
Headers Bar and Font Color
Headers and Body Font Style
Top Bar Color
Top Bar Font Style

Want your header bar to look different and eye-catchy?
You can pick your favourite colors & font and apply!
Feel free to customize the top bar to match with your store's theme color and font by following the simple steps below.
#
1. Headers Bar and Font Color
You can click into Channels > Online Store > Themes > Customize > Header
Select the colour that you would like to use for header bar and font, and click OK > Save

2. Headers Font Style
You can click into Channels > Online Store > Themes > Customize > Setting
Select the font that you would like to use for header and body, and click OK > Save
💡 Notes: The selected font style for the header or body will be applied to the entire store since it is centralized.


For Candy, WAVE, LUCKY, X-Force, Mine Style, Dreams Bedding, The Summer, Advanture Camping, Happy Kitchen, and Flower & Tea House only
3. Top Bar Color
You can click into Channels > Online Store > Customize > Top Bar
Select the colour that you would like to use for top bar, and click OK > Save

4. Top Bar Font Style
Click Channels > Online Store > Customize > General
Select the font , size and colour at Body text

Click Save and you're all done 😉
Updated on: 09/10/2023
Thank you!