Pop up form - how to show homepage dimmed

4 replies
491 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?

List growth & forms

DovAnswer

Klaviyo Alum

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!

DD

DovAnswer

Klaviyo Alum

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!

DD

K

Klavyoyo

Problem Solver I

Hello,

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

Byrne C

Community Manager

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!

K

Klavyoyo

Problem Solver I

Hello Byrne, Thx, that solved the problem.

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials