Skip to main content
Solved

Pop up form - how to show homepage dimmed

  • March 29, 2022
  • 4 replies
  • 346 views

I am trying to make a popup form on my Shopify homepage so that you see the homepage dimmed behind the form. All I seem to be allowed to do is create a solid color behind it. any ideas?

Best answer by Dov

Hi @sheepdreams,

Thank you for sharing this question with us.

It sounds like you’ve found the “Overlay color” section under “Styles” to adjust the overlay display. That’s the correct first step.

Next, you’ll want to adjust the transparency of the overlay by adjusting the bottom bar in the screenshot below:

Move that bar to the left to make the solid color more transparent, that will give the overlay a more “dimmed” look.

I hope that’s helpful!

4 replies

Dov
Forum|alt.badge.img+61
  • Klaviyo Alum
  • 1493 replies
  • Answer
  • March 30, 2022

Hi @sheepdreams,

Thank you for sharing this question with us.

It sounds like you’ve found the “Overlay color” section under “Styles” to adjust the overlay display. That’s the correct first step.

Next, you’ll want to adjust the transparency of the overlay by adjusting the bottom bar in the screenshot below:

Move that bar to the left to make the solid color more transparent, that will give the overlay a more “dimmed” look.

I hope that’s helpful!


Forum|alt.badge.img
  • Problem Solver I
  • 5 replies
  • July 15, 2025

Hello, 

how do I go about this when the “Dimmer” bar ist not there?
 

 


Byrne C
Community Manager
Forum|alt.badge.img+27
  • Community Manager
  • 562 replies
  • July 17, 2025

Hi ​@Klavyoyo,

We recently fixed a bug where the transparency setting wasn’t appearing in the form builder. Would you mind refreshing and seeing if this appears again? Thanks! If it’s still not there, let me know!


Forum|alt.badge.img
  • Problem Solver I
  • 5 replies
  • July 22, 2025

Hello Byrne, Thx, that solved the problem.