Force extra teaser columns (more than 3) and center teaser titles on a page
Kurt cooked
Add to an HTML embed directly on the page you want to apply this to
<style>
@media (min-width: 992px){
.poc-instances-main-content .poc-instance{
flex-basis: 25% !important;//adjust this percentage to change the amount of rows. 25% is 4.
}
}
.poc-layout .poc-instances-main-content .poc-instance .inner {
border: none;
border-top: none !important;
}
//center text
.poc-instance h3 {
font-size: 17px !important;//adjust text size
text-align: center;
}
</style>