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:

.cegg-price {
  color: red;
}

Example: Changing Price Font Size

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

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

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.