# Customizing templates with CSS

If you have basic HTML/CSS skills, you can easily customize template settings like colors, padding, margins, font size, etc., by applying custom CSS rules. Each template has a unique class wrapper, and most elements within the templates have unique classes as well.

**Example: Changing Price Color**

All price outputs have the class `cegg-price`. To change the color of the price text, use the following CSS:

```css
.cegg-price {
  color: red;
}
```

**Example: Changing Price Font Size**

In some cases, you might need to add `!important` to override the default styles:

```css
.cegg5-container .cegg-item-card .cegg-price {
    font-size: 25px !important;
}
```

<figure><img src="/files/l4YD4f6w4ZBRniUu5XLS" alt=""><figcaption></figcaption></figure>

### Adding Custom CSS

To add custom CSS:

1. Go to **Appearance > Customize > Additional CSS** in WordPress.
2. Alternatively, you can add custom CSS directly to your child theme's stylesheet file.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ce-docs.keywordrush.com/custom-templates/customizing-templates-with-css.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.