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
  • 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

  • 7 Business Benefits of Content Governance Done Right
    9 Mar 26
    Content Management

    7 Business Benefits of Content Governance Done Right

    Discover how strong content governance drives faster time to market, reduces compliance risk, and ensures brand consistency for compliance-led organizations managing content across dozens of sites.

    Fatima

    Fatima Nasir Tareen

    Marketing Specialist

  • AI Search Made Easy
    8 Mar 26
    Technical Guides

    AI Search Made Easy

    dotAI Search is now built into the @dotcms/client SDK. One method call gives your headless app semantic AI-powered search in under 15 minutes.

    Marc

    Marc Boutillette

    Director Outbound Product

  • Java 25 is Here — Try It Today
    4 Mar 26
    Innovation

    Java 25 is Here — Try It Today

    Give your dotCMS a test drive on modern Java. Our new Java 25-based containers are live, easy to spin up with a single Docker command, and already showing faster startup, leaner memory use, and a stronger security footing. In this post, I’ll walk you through how to try the ‎`java-25` images locally, what to expect from the upgrade, how to rebuild your plugins in a few minutes, and why we’re asking you to kick the tires now, long before Java 11 support sunsets.

    Stephen

    Stephen Freudenthaler

    Director of Engineering

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.