In-Page Related Content: Customize Thumbnail Style

The style of the thumbnails shown as part of the Related Content app can be customized by either using one of our preset themes, or by using some custom CSS.

Customizing Thumbnail Style from the Admin Console

1. Login to your Shareaholic account
2. Select a Site Profile from the My Sites dropdown at the top of the page.
3. On the 'Apps' page, in the 'Engage section, click on Settings next to one of the Related Content app locations.
   
4. In the 'Layout' tab of the Related Content Settings window, choose one of our default themes from the Theme dropdown menu.
   

Customize Thumbnail Style using CSS

An example of CSS code that would change the appearance of the thumbnails:

Entire Card:

<style>
  .shareaholic-recommendation {
    border-bottom: 3px solid red !important;
  }
</style>

Thumbnail:

<style>
  .shareaholic-has-recommendation-image {
    border-bottom: 3px solid blue !important;
  }
</style>