Custom CSS not displaying in Author view, DITA
Posted: Mon Jan 08, 2024 9:53 pm
Hello,
I'm trying to add a custom CSS for Oxygen's Author view, and am following the steps in the "Customizing the DITA Visual Editing Experience" topic (https://blog.oxygenxml.com/topics/customizeDITACSS.html). However, Oxygen is not applying the CSS in Author view.
Here's how I handled the steps in the "Customizing the DITA Visual Editing Experience" topic:
steps 1-2: I created a directory named C:\Users\szabog\Documents\manuals\DITA_Curtis-Instruments\oxygen_resources\custom_frameworks\Curtis-DITA_extension. I then saved the CSS to that directory.
Step 3: I specified the custom_frameworks directory created in the previous step. See the attached oxygen_issue_1-8-24_step-3_add-framework.png. Steps 4-5 - External storage was specified in the custom DocType Associations preferences, the .framework file was created. See the attached oxygen_issue_1-8-24_steps-4-5_doctype-storage.png. Step 6-7: The CSS file was referenced. See the attached oxygen_issue_1-8-24_steps-6-7_reference-css.png. However, when I open a topic based on the document type, the CSS styling is not applied. The current CSS is for testing, it should change the foreground and background colors of all p elements. I've also attached a zip of the custom framework directory.
I'm not sure what I am doing wrong, and would appreciate help!
I'm trying to add a custom CSS for Oxygen's Author view, and am following the steps in the "Customizing the DITA Visual Editing Experience" topic (https://blog.oxygenxml.com/topics/customizeDITACSS.html). However, Oxygen is not applying the CSS in Author view.
Here's how I handled the steps in the "Customizing the DITA Visual Editing Experience" topic:
steps 1-2: I created a directory named C:\Users\szabog\Documents\manuals\DITA_Curtis-Instruments\oxygen_resources\custom_frameworks\Curtis-DITA_extension. I then saved the CSS to that directory.
Step 3: I specified the custom_frameworks directory created in the previous step. See the attached oxygen_issue_1-8-24_step-3_add-framework.png. Steps 4-5 - External storage was specified in the custom DocType Associations preferences, the .framework file was created. See the attached oxygen_issue_1-8-24_steps-4-5_doctype-storage.png. Step 6-7: The CSS file was referenced. See the attached oxygen_issue_1-8-24_steps-6-7_reference-css.png. However, when I open a topic based on the document type, the CSS styling is not applied. The current CSS is for testing, it should change the foreground and background colors of all p elements. I've also attached a zip of the custom framework directory.
I'm not sure what I am doing wrong, and would appreciate help!