dot CMS

Content Style Editor: Visual Design Control Inside Your CMS

Content Style Editor: Visual Design Control Inside Your CMS

Share this article on:

Every content team knows the frustration: you need a banner with a blue background instead of purple, or text aligned left instead of center — and you're waiting on a developer to make it happen. It's a small change with an outsized impact on team velocity.

The dotCMS Content Style Editor changes that dynamic entirely. Watch it in action in the video above.


Free up your developers and give your content authors more control

The Content Style Editor is a new feature inside the dotCMS Universal Visual Editor (UVE). A small style icon on any content component opens a panel that gives content authors direct control over how that component looks — no CSS knowledge required, no developer ticket needed. Controls developers can expose to content teams include:

  • Typography — font size, font weight, letter spacing, and more

  • Layout — reposition images and text within a component

  • Background colors — for individual images or entire panels

  • Visual treatments — drop shadows, borders, and rounded corners

  • Responsive behavior — control how components adapt across screen sizes


How It Works

Setup starts with a quick collaboration between design, development, and content teams to agree on what should be configurable and establish brand guidelines. From there, a front-end developer adds a style schema to the front-end code — a straightforward configuration that defines the controls for each component. In the video, you can see exactly how simple this is: adding a "title spacing" input control to a banner component takes just a few lines of configuration and a page refresh. Once it's there, content authors see it immediately and can start using it.

The same piece of content can then be styled differently across multiple pages or sites — which meaningfully increases content reuse throughout your organization.


Why It Matters

The benefits are practical and immediate:

  • Faster content teams — no more waiting on developers for minor style tweaks

  • Freed-up developers — less time on CSS requests, more time on meaningful work

  • Cleaner content models — no need to add presentation fields like "background_color" to content types just to give editors flexibility

  • Greater content reuse — the same component can be styled differently across pages or sites, reducing duplication

  • No additional cost — included in all dotCMS license tiers, unlike competitors who charge a premium for comparable functionality


Get Started

The Content Style Editor is available now for Evergreen customers running headless applications with the dotCMS SDK. Support for natively rendered applications is coming soon. Check out the quick-start guide and developer documentation to get your first component configured.


Style updates shouldn't require a sprint ticket. Now they don't!

Recommended Reading
  • Migrating Your OSGi Plugins to dotEvergreen: Adapting to the New Index API
    24 Mar 26
    Technical Guides

    Migrating Your OSGi Plugins to dotEvergreen: Adapting to the New Index API

    An update on infrastructural changes, information on a breaking change introduced that may affect some plugins, and a migration guide for those affected.

    Fabrizzio

    Fabrizzio Araya

    Software Engineer

  • What Is Rich Text? How It Works in a Headless CMS
    23 Mar 26
    Content Management

    What Is Rich Text? How It Works in a Headless CMS

    What is rich text, and how does it differ from Rich Text Format (.rtf)? Learn how rich text works in content management systems, how headless CMS platforms store it as structured data, and why the format matters for omnichannel delivery.

    Fatima

    Fatima Nasir Tareen

    Marketing Specialist

  • Structured Content for GEO: How dotCMS Powers AI-Ready Digital Experiences
    21 Mar 26
    AI in CMS

    Structured Content for GEO: How dotCMS Powers AI-Ready Digital Experiences

    Discover how dotCMS revolutionizes AI-driven digital experiences with structured content for Generative Engine Optimization (GEO). Learn how our enterprise solution enhances AI visibility, enabling large language models to accurately process and cite machine-readable data. Dive into best practices for creating AI-ready content and explore the benefits of a headless CMS model. Optimize your content for AI discovery and experience seamless omnichannel delivery. Contact us to leverage dotCMS for your AI-powered search needs.

    Fatima

    Fatima Nasir Tareen

    Marketing Specialist

  • AI Content Governance for Content Teams: A Practical Framework
    9 Mar 26
    AI in CMS

    AI Content Governance for Content Teams: A Practical Framework

    Learn why AI content governance is essential for content teams. Discover how to protect brand consistency, reduce legal risk, and manage AI across dozens of sites with dotCMS’s built-in governance tools.

    Fatima

    Fatima Nasir Tareen

    Marketing Specialist

Explore dotCMS for your organization

image

dotCMS Named a Major Player

In the IDC MarketScape: Worldwide AI-Enabled Headless CMS 2025 Vendor Assessment

image

Explore an interactive tour

See how dotCMS empowers technical and content teams at compliance-led organizations.

image

Schedule a custom demo

Schedule a custom demo with one of our experts and discover the capabilities of dotCMS for your business.