Related Content: How to customize the "You May Also Like" headline title style and copy

Follow

Customizing The Style:

The style of the font of the "You May Also Like" title above the related posts is 100% customizable. You can change the font, color, size, make it bold, etc.

To customize, add the following to the <head> section of your website's template or to the CSS stylesheet:

<style type="text/css">
.shareaholic-recommendations-container .shareaholic-recommendations-header {
font-size: 18px !important;
margin: 0 0 1em !important;
min-height: 14px !important;
color: #f02f2f !important;
font-weight: bold !important;
}
</style>

You can customize any of these values to your liking! You can also have some fun with Google Fonts by adding the following:

<link href="//fonts.googleapis.com/css?family=Old+Standard+TT:700" rel="stylesheet" type="text/css">

<style type="text/css">
.shareaholic-recommendations-container .shareaholic-recommendations-header {
font-family: 'Old Standard TT', serif !important;

}
</style>

TIP: You pick any font from: https://www.google.com/fonts

 

Customizing The Copy:

You can also customize the headline to say something other than "You May Also Like". To do this you will want to log into your website and navigate to the Shareaholic Tab and click on App Manager.

WordPress

 

Drupal 


 

 

The first section you will see is Related Content and you will want to click on the customize button as it relates to the location where you want to customize the headline for.

You will get a pop up that looks like this and now you can customize the headline by replacing the text and then saving it.


Other websites:

On other sites you would instead login to your Shareaholic.com account and select your site from the My Sites dropdown at the top of the page.

Then, under the 'Content Personalization' section of the Apps page, click the settings button next to the Related Content app location you'd like to edit.

rcsettingsbutton.png

This will bring up the Related Content Settings window, where you can edit the Headline text as seen above.

RC-custom_headline.png

Was this article helpful?