Heads up!
This article contains CSS code and is intended for developers. We offer this code as a courtesy, but don’t provide support for code customizations or 3rd party development.
This article contains CSS code and is intended for developers. We offer this code as a courtesy, but don’t provide support for code customizations or 3rd party development.
CSS relating to the categories list on the main directory page.
Examples
Hide categories list
Hide the categories list on your directory page.
#wpbdp-categories {
display: none !important;
}
Change category list to buttons
Change the category list to buttons instead of links.
.cat-item .category-label {
background: #f3f5f5;
display: flex;
padding: 20px;
width: 95%;
}
.cat-item .subcat {
padding-top: 10px;
}
#wpbdp-categories li {
list-style-type: none !important;
}
Note: This CSS is designed to work for categories without images, and the category post count option turned off.
Change category font size
This will change the font size of the category names.
#wpbdp-categories {
font-size: 24px !important;
}