How to enlarge pictures in the Knowledge Base

Created: 2019-06-13
Last updated: 2019-06-13

Post view count: 2571

If you want pictures in the Knowledge Base to get larger after a reader points at them with a mouse, do the following. Go to Settings > Knowledge Base settings and edit a particular knowledge base. Next, select Template > Custom CSS and paste:

 .help_article_content img {
    transition: transform 0.3s;
}

.help_article_content img:hover {
    -webkit-transform: scale(1.25); /* all webkit */
    -ms-transform: scale(1.25); /* IE 9 */
    -moz-transform: scale(1.25); /* firefox 15 and older */
    -o-transform: scale(1.25); /* opera 12 and older */
    transform: scale(1.25);
}

 


Back


Add Comment