---
title: How to Customize Colors and Fonts in Dineora
description: "In Dineora, you can change colors and fonts using **Theme Settings**, **Elementor**, or custom CSS if needed. ### **Customizing Colors** - **Via Theme Settings:** Some sections use the theme’s default colors. To customize them: 1. Go to **Theme Settings →…"
url: "https://themewinter.com/docs/themes/theme-docs/dineora/how-to-customize-colors-and-fonts-in-dineora/"
updated: "2025-12-23"
category: Dineora
---

# How to Customize Colors and Fonts in Dineora

In Dineora, you can change colors and fonts using **Theme Settings**, **Elementor**, or custom CSS if needed.

### **Customizing Colors**

- **Via Theme Settings:**
  Some sections use the theme’s default colors. To customize them:
  1. Go to **Theme Settings → Style Settings**.
  2. Update the **Primary** and **Secondary** colors as desired.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2025/12/dine_style_1.png)

- **Via Elementor:**
  Sections built with Elementor can have their colors customized individually:
  1. Edit the page with Elementor.
  2. Select the element and go to the **Style** tab in the left sidebar.
  3. Change the colors as needed.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2025/12/dine_style_2.png)

### **Changing Fonts**

1. Go to **Theme Settings → Style Settings → Typography**.
2. Choose a font from **Google Fonts** or use the theme’s default fonts.
3. Save your changes to apply them site-wide.

![](https://themewinter.com/docs/themes/wp-content/uploads/sites/2/2025/12/dine_font_1.png)