---
title: Styles, colors and fonts
description: Choose one of five style variations, then change colors and fonts in the Site Editor.
url: "https://wpruby.com/knowledgebase/candy-shop-styles/"
updated: "2026-11-04"
category: WPRuby Themes / Candy Shop
---

# Styles, colors and fonts

Table of Contents

 [Toggle](#)

- [Style variations](#Style_variations)
- [Change colors](#Change_colors)
- [Change fonts](#Change_fonts)
- [Images](#Images)
- [Motion](#Motion)

## Style variations

A style variation changes the whole palette in one click. Go to **Appearance → Editor → Styles** and pick one under **Browse styles**. **Appearance → Candy Shop** shows a preview of each.

| Variation | Used by the starter |
| --- | --- |
| **Strawberry Milk** (default) | Sweet Shop |
| **Chocolate Box** | Chocolatier |
| **Pastel Party** | Retro Sweet Shop |
| **Sherbet** | Pick & Mix |
| **Snack Bar** | Snacks & Treats |

[![The five style variations, as previewed on Appearance → Candy Shop](https://cdn.wpruby.com/wp-content/uploads/2026/11/04084006/candy-shop-docs-admin-style-variations.png)](https://cdn.wpruby.com/wp-content/uploads/2026/11/04084006/candy-shop-docs-admin-style-variations.png)

## Change colors

Go to **Appearance → Editor → Styles → Colors**. The palette has strawberry, butter, grape, mint, cherry and cocoa, with lighter tints of each. Change a color there and every block that uses it updates across the store.

If you change colors, check that text stays easy to read on its background.

## Change fonts

Candy Shop uses **Fredoka** for headings and **Figtree** for text. Both are bundled with the theme, so no font loads from another service. Change them under **Appearance → Editor → Styles → Typography**.

## Images

The hero and section images are ordinary Image blocks. In the Site Editor, select one and choose **Replace** to use your own photo.

## Motion

The floating sweets in the hero, card lifts and scroll reveals switch off for visitors who have asked their device to reduce motion.