Custom Settings

Custom CSS

Zeina theme gives advanced users and developers the ability to add their own CSS code directly from the control panel:

  • Easily override default styles without editing core theme files.
  • Great for adding personal touches, adjusting spacing, changing colors, or styling specific components.
  • Helps maintain theme updates compatibility, since your custom styles are kept separate.
  • Includes syntax highlighting and a clean editor for a better writing experience.

Whether you're a developer or just someone who wants more control — Custom CSS gives you the power to fine-tune the look and feel of your forum.

Tutorial

Copy and paste this code into your custom copyright editor and save the settings.

.breadcrumb li:last-child a {
  color: rgb(var(--color-text));
}
.dark .breadcrumb li:last-child a {
  color: rgb(var(--color-text-dark));
}

Result

In this example, the style color will be given to the current navigation link as in the image

Custom CSS Code