CSS Overrides for Knowledge article templates

jackinsidend
Giga Guru

Hi,

knowledge article templates allow for some basic styling, you can easily set this kind of stuff on the body of a html field:

font-size:1em; font-family:Arial; color:black;

However, I need to override the out of box styling for <ul>, it sets the list-style-positionfor all lists to inside, and I need outside. Inside causes an ugly overflow when you add a second level to the list, it also moves the whole list a fraction to the right. See image below.

I can manually fix it after the fact in the code view, but that is tedious for the users creating knowledge.

is there a simple way to do this?

 

 

Thanks,

Jack

1 ACCEPTED SOLUTION

jackinsidend
Giga Guru

The remove format was helpful, but it cleans everything else out too, as you would expect. I was able to alter the css for the portal pages.

 

find_real_file.png

 

This fixed the issue for me.

 

 

View solution in original post

2 REPLIES 2

ChrisBurks
Mega Sage

Adding the "removeformat" button to the html editor toolbar might make it less tedious.

find_real_file.png

When you add an unordered list (<ul>) right away click the remove format button and it will remove the "list-style-position: inside" style.

To add this button navigate to  "system properties > ui properties".

Look for the "(TinyMCE v.4.0.26)" section near the bottom of the page. There are two but one is already populated. Add to the end of that one the following (separating with a comma): "removeformat"

Remember when clicking on one of the "list" functions or when the cursor is on one of the lists then click the remove format and it will remove the styling.

It's still tedious but a little less tedious.

 

jackinsidend
Giga Guru

The remove format was helpful, but it cleans everything else out too, as you would expect. I was able to alter the css for the portal pages.

 

find_real_file.png

 

This fixed the issue for me.