---
title: "Row Advanced Tab - Background (settings for hover)"
description: "Row Advanced Tab - Background (settings for hover)"
url: https://docs.optimizepress.com/en/articles/682-row-advanced-tab-background-settings-for-hover
collection: "OptimizeBuilder Layouts – Rows"
updated: 2026-06-19
language: en
---

# Row Advanced Tab - Background (settings for hover)

Row Advanced Tab - Background (settings for hover)

To set a hover background for your row, please follow the steps below -

1\. Go the specific row where you want to set a hover background. Then click the **cog gear** **icon** >> **Advance Options** button.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205924_6973)

2\. Click the **Hover** button found in the left side of the screen, and go to the **Background** section.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205924_8986)

3\. Go to the **Colour** tab to set the hover background colour. Please also note in the Colour tab, you can either choose background colour, linear gradient or radial gradient - just click the drop down arrow under the Type section.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205924_7478)

4\. The **Media/Image** tab allows you to set the position of the background image. 

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205924_7469)

If you have set a row background image, this moves that background image to the position you selected in the Media/Image tab when being hovered.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205924_5120)

5\. Go to the **Overlay** tab if you want to set a hover colour overlay to the row. The same with the Colour tab, you can also select background colour, linear gradient or radial gradient under the Type section.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205924_1125)