# 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="https://4254262503-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M3fnB7iKYwDc1Xhr3H3%2Fuploads%2FGKupoBXkXVgmic2mEUV2%2Fimage.png?alt=media&#x26;token=d021af5f-e459-4ca9-8aeb-8a08ade9c489" 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.