Style content by source use case - Fluid Topics - Latest

It is possible to apply CSS styles to content belonging to specific sources.

To do so:

1. Go to the Administration menu. In the Portal section, select Content styles, then select the Custom CSS Classes tab.

2. Create a CSS class, and bind it to the ft:sourceId value corresponding to the source to style.

   For example, create a markdown_content class, and bind it to ft:sourceId = md.

3. Save and go back to the Topic Styles tab.

4. Define styles using the CSS class defined previously.

   For example:

   .markdown_content p {
       /* Makes text color red in Markdown content*/
       color: red;
   }
   

In the previous example, by using the .markdown_content class, the styling only applies to content uploaded to the md source.