To customize, add the following to the <head> section of your website’s template or to the CSS stylesheet:
1) To customize / override the default font size of the titles:
<style type="text/css">
.shareaholic-recommendations-container .shareaholic-recommendations .shareaholic-recommendation .recommendation-article-link .recommendation-article-title {
font-size: 14px;
}
</style>
2) To customize / override the default height of the thumbnails:
<style type="text/css">
.shareaholic-recommendations-container .shareaholic-recommendations .shareaholic-recommendation .recommendation-article-link i.shareaholic-image {
height: 80px !important;
}
.shareaholic-recommendations-container.card .shareaholic-recommendations .shareaholic-recommendation .recommendation-article-link {
min-height: 165px !important;
}
</style>
Note: Please keep in mind that utlizing any custom CSS can affect the responsiveness of the boxes, ie. they may no longer be perfectly rendered on mobile and across devices. We optimized the pre-configured sizes to render across devices and screen sizes perfectly!