---
title: Changing the title hover color in Related Posts module
description: Learn how to customize the hover color of the blog post titles in the Related Posts module on HubSpot by adding simple CSS code to your Site Header.
---

[Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

# [Changing the title hover color in Related Posts module](https://www.stuff-n-matters.com/knowledge-base/changing-the-title-hover-color-in-related-posts-module)

 Written by [HubSpotted](https://www.stuff-n-matters.com/knowledge-base/author/hubspotted) | Jun 7, 2026 8:10:37 PM

In your HubSpot account, please go to Settings > Content > Pages and add the following code into the Site Header HTML field:

```
<style>    .focus_widget_post_item-a.mw_single_post:hover .focus_widget_post_item-title,
  .focus_widget_post_item-a.mw_single_post:focus .focus_widget_post_item-title {
    color: #0b7dbb !important;
  }</style>
```

Change the #0b7dbb part as you wish.

[Back to Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

[View full post](https://www.stuff-n-matters.com/knowledge-base/changing-the-title-hover-color-in-related-posts-module)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpotted"
  },
  "dateModified" : "2026-06-07T20:10:37.296Z",
  "datePublished" : "2026-06-07T20:10:37Z",
  "headline" : "Changing the title hover color in Related Posts module",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://www.stuff-n-matters.com/knowledge-base/changing-the-title-hover-color-in-related-posts-module",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Knowledge Base"
  }
}
```