---
title: "Ascend – Change Image Menu Hover Color"
source: "https://docs.nexcess.com/software/kadence/ascend-change-image-menu-hover-color/"
description: "By default, the image menu hover color will be set in Theme Options> Basic Styling, Primary Color. If you wish to change it, you can do so by adding this CSS to…"
vertical: "Software"
area: "Kadence"
date: "2021-08-17"
last_modified: "2026-07-06"
---

# Ascend – Change Image Menu Hover Color

By default, the image menu hover color will be set in Theme Options> Basic Styling, Primary Color. If you wish to change it, you can do so by adding this CSS to Theme Options> Custom CSS:

```
.image_menu_overlay {
    background: #c5bf94;
}
```

#### Default Image Menu:

[![Default Image Menu Overlay](https://docs.nexcess.com/wp-content/uploads/2026/07/imagemenuoverlayDefault-min.jpeg)](https://docs.nexcess.com/wp-content/uploads/2026/07/imagemenuoverlayDefault-min.jpeg)

#### Image Menu With CSS:

[![Image Menu Overlay CSS](https://docs.nexcess.com/wp-content/uploads/2026/07/imagemenubackgroundCSS-min.jpeg)](https://docs.nexcess.com/wp-content/uploads/2026/07/imagemenubackgroundCSS-min.jpeg)