Additional customization of KB Main page
If you want to further customize your KB Main page you can use the CSS snippets below. We will be adding these as settings in the future, for now, you can add this CSS to add this further customization.
Main Page Page - Categories
Copy the URL link to this section to share
Main Page Page - Width
This code makes the length of the categories the same as the length of the page content, full width
Please note: If this still does not work then what is happening is that your theme’s parent container is also restraining the width. That also will need to be adjusted, some themes have an option for a Full Width page.
CSS
/* Makes the length of the categories the same as the length of the page content, full width. */
#epkb-main-page-container.epkb-basic-template .epkb-boxed,
#epkb-main-page-container.epkb-basic-template .epkb-full #epkb-content-container {
max-width: 100% !important;
}
Category Title Line Height
CSS
/* Changes the line height of the text adds more spacing */
#epkb-main-page-container .epkb-cat-name {
line-height: 1.5 !important;
}
Hide Articles Icon
This code hides the article icons on the main page.
CSS
/* Hide Article Icons */
.eckb-article-title__icon {
display:none !important;
}
Show / Hide Text Toggle Color
CSS
/* Change Show / Hide Text Color */
#epkb-main-page-container .epkb-show-text,
#epkb-main-page-container .epkb-hide-text {
color: #FF0000;
}
