How to add styling to rich text editor in Umbraco 8

Step 1. Click on the settings section of your Umbraco 8 back office.

Step 2. Click the style sheets section in setting and add new style sheet you can call this anything you would like.

Step 3, 4 & 5. while creating you style sheet add all the fields you would like to be able to style give these a name (this will be the name displayed when in your rich text editor) then you want to give your field a selector or class such as H2 or .redText finally you need to add the selected CSS for your field, (you can add as many fields and classes as you like until you have each style option you require).

Step 6. Click the data types section.

Step 7. Select your rich text editor data type

Step 8. Click the check box with the style sheet you have just created and save everything

Now when you go to add content in your rich text editor you will be able to choose the styling for your text

About the author

Nathan Reece

.Net MVC Developer | Umbraco Novice

Hey Guys,

I'm an New Developer with a passion for coding. I absolutely love working with Umbraco CMS and appreciate the Umbraco community even more.

I've got 3 years+ .Net experience and 5 years+ experience working in the Web Develepment industry, both coding and marketing job websites. I wanted to use my skills to help give something back to this awesome community and UmbraJobs.com seems like the right place to do just that.

Follow me on social media

If you're an Umbraco professional, partner, employer, recruiter or a passionate Umbraco community builder then I'm more than happy to hear from you. Follow me on my social media channels and please reach out if you have any needs, want help or consultation with anything Umbraco related or just want a general chat.