In-Page Related Content: Customize Headline Style & Text ("You May Also Like")

IN THIS ARTICLE

Customizing Headline Style from the Admin Console (recommended)

The font style of the "You May Also Like" headline above Related Posts is 100% customizable right from the Admin Console. You can change the font (includes support for Google Fonts), color, size, alignment, weight, etc -

customize-headline-style.png

Customizing Headline Style using CSS

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

<style>
.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>
.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 Headline Text/Copy

You can also customize the headline text to say something other than "You May Also Like" -

customize-headline-text.png

 

Was this article helpful?
3 out of 5 found this helpful