> For the complete documentation index, see [llms.txt](https://ce-docs.keywordrush.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ce-docs.keywordrush.com/custom-templates/customizing-templates-with-css.md).

# 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.