---
title: "Sections Advanced Tab – Box Shadow for hover state"
description: "Sections Advanced Tab – Box Shadow for hover state"
url: https://docs.optimizepress.com/en/articles/613-sections-advanced-tab-box-shadow-for-hover-state
collection: "OptimizeBuilder Layouts - Sections"
updated: 2026-04-05
language: en
---

# Sections Advanced Tab – Box Shadow for hover state

Sections Advanced Tab – Box Shadow for hover state

To set a hover box shadow for a section, just click that specific section and then go to the "Advance Settings" by clicking the cog gear icon. After that, click the "**Advance Options**" button.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205855_6621)

In the left hand corner of the screen, click "**Hover**" button then go to section "**Box Shadow**" section.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205855_3455)

Just select in the **Shadow Presets** the shadow layout you prefer to use.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205855_2923)

Then further customize it using the settings below the Shadow Presets. Go to the color section to change the color of the box shadow.

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205855_6414)

If you also want to reset the box shadow settings to default, you can do that by just clicking the reset button (refer to the screenshot below).

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205855_4341)