🎨 Welcome to Doblly – Store Colors & Theme Customization Guide
In this tutorial, we’ll show you how to customize the colors of your store using the theme editor in Doblly.
🖌️ Step 1: Enter Theme Customization
To start styling your store:
Click on Theme Customize in the admin sidebar.
Choose the theme template you want for your store.
Click Make Active to activate it.
Then click Customize on the selected template.
🎨 Step 2: Change the Style Settings
Now click on Change Style – here you’ll be able to adjust the color scheme of your entire store.
You can define the following colors:
| Setting | Description |
|---|---|
| Primary Color | The main accent color of your store (buttons, highlights, etc.) |
| Title Color | Color of all headings and product titles |
| Description Color | Color of regular body text and descriptions |
| Button Hover Color | Background color when hovering over buttons |
| Button Hover Text Color | Text color when hovering over buttons |
| Border Color | Color of element borders |
| Footer Text Color | Color of text in the footer section |
| Background Light Color | Background color for light sections |
| Black Color | Default black used in text and icons |
| White Color | Default white used in buttons and backgrounds |
You can click on each color box to open a color picker or enter a hex code manually (e.g. #ff6600).
✅ Step 3: Publish Your New Style
Once you’re done adjusting the colors:
You will be prompted with: “Are You Sure Want To Publish?”
Click Yes to confirm.
Then click Save Changes to apply the new design to your live store.
🎉 That’s it!
Your store now reflects your unique brand colors. Feel free to continue customizing your pages and content to match the updated look and feel.
Tbistone
Very quick customer support, installing this application on my machine locally, within 5 minutes of creating a ticket, the developer was able to fix the issue I had within 10 minutes. EXCELLENT! Thank you very much
