You are not logged in.
Pages: 1
In the edit view on the FAQ/KB the content is displayed clearly and at a good size but when users view or I change the KB tab (non edit tab) the fonts are almost 1/2 the size and its a lot harder to distinguish bolding, and other formatting.
Other areas of the GLPI server are fine for the most part, there is a slight font size reduction on the tickets follow-up page but its still fine.
Offline
Rodrigo de Souza (r-souza), on his GIST (gist.github.com/r-souza) provided an excellent CSS file (glpi-better-kb.css) to fix this (or at least work around this) for the KB and FAQ articles.
If you are using a recent version of GLPI, you can add the CSS (below) without editing any files. In GLPI, open Administration -> Root entity -> UI Customization. Copy and paste the CSS, save, et voila.
Or if using an older version, simply put the CSS in a file glpi-better-kb.css in the GLPI CSS folder (e.g. "/var/www/glpi/css"), then edit the files "front/knowbaseitem.form.php" and "front/helpdesk.faq.php" and add the line echo Html::css('css/glpi-better-kb.css'); just after the include statement, as follows.
include ('../inc/includes.php');
echo Html::css('css/glpi-better-kb.css');
CSS:
#kbanswer {
color: rgba(0,0,0,.80);
}
#kbanswer p {
line-height: 1.58;
font-size: large;
text-align: justify;
letter-spacing: -0.003em !important;
}
#kbanswer strong{
font-weight: bold;
}
#kbanswer a {
font-size: large;
}
/**
* Subject - Size and spacing
*/
.tab_cadre_fixe > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > h2 {
margin-bottom: 10px;
}
.tab_cadre_fixe > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {
font-size: 2.0em !important;
}
.tab_cadre_fixe > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) > h2:nth-child(1) {
display: none;
}
/* Based on https://stackoverflow.com/a/48694906 */
#kbanswer code {
background: #f4f4f4;
border: 1px solid #ddd;
border-left: 3px solid #f36d33;
border-radius: 5px;
color: #666;
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
max-width: 100%;
overflow: auto;
padding: 01em 1.5em;
display: block;
word-wrap: break-word;
}
#kbanswer h1 {
font-size: 2.5em !important;;
}
#kbanswer h2 {
font-size: 2.0em !important;;
}
#kbanswer h3 {
font-size: 1.8em !important;;
}
#kbanswer h4 {
font-size: 1.5em !important;
}
#kbanswer ol li, #kbanswer ul li {
font-size: large;
margin-left: 25px;
line-height: 1.5;
}
Offline
Thanks derry43, that worked well.
I poked around and it seems this is only affecting the KB area, can you confirm that or are there other areas that may be affected?
Offline
derry43, we have noticed that the changes above have also affected the ticket follow-up section;
"File(s)(2 Mio max)"
"Attach file by drag & drop or copy & paste in editor or selecting them"
This area is now looking like a H2 size but changing those settings in the code is not having an affect. I tried several other areas but not having any luck figuring it out.
Offline
Pages: 1