Skip to main content
Solved

Dimming the Background of a Flyout Signup Form


Forum|alt.badge.img+2

I have created a flyout pop up I like. Is there a setting somewhere that allows the back homepage to go dim so that the fly out sign up jumps out more? Makes it more visible? I’ve seen other pop ups where the homescreen gets dim, and I’d love to have that look.

Thanks!!

www.coverandquill.com 

Best answer by David To

Hello @CoverandQuill,

Great question! 


Although this wouldn’t be feasible with a Flyout form; this would be possible with a Popup form. The reason for this is, within a Flyout form’s Background Style settings, unlike a Popup form’s, there isn’t an option to adjust the “Overlay Color”. Within a Popup form’s Style Form Background settings, you can adjust and apply a desired color and even change the transparency of this color with the slide bar under the color selection.

On the other hand, with a Flyout form, to make the form stand out more, one suggestion we would make would be to applying a darker solid border around the form to make it “pop”. You can play with the setting and color of your choice by navigating to the form’s Style’s tab under the section of “Form Styles”.

Let me know how this goes!

-David

View original
Did this topic or the replies in the thread help you find an answer to your question?

4 replies

David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • Answer
  • April 21, 2021

Hello @CoverandQuill,

Great question! 


Although this wouldn’t be feasible with a Flyout form; this would be possible with a Popup form. The reason for this is, within a Flyout form’s Background Style settings, unlike a Popup form’s, there isn’t an option to adjust the “Overlay Color”. Within a Popup form’s Style Form Background settings, you can adjust and apply a desired color and even change the transparency of this color with the slide bar under the color selection.

On the other hand, with a Flyout form, to make the form stand out more, one suggestion we would make would be to applying a darker solid border around the form to make it “pop”. You can play with the setting and color of your choice by navigating to the form’s Style’s tab under the section of “Form Styles”.

Let me know how this goes!

-David


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 2 replies
  • April 21, 2021

Thank you so much!! I’ll change to a pop up format. This is so helpful!


Forum|alt.badge.img+2
  • Contributor I
  • 1 reply
  • November 21, 2021

I’m trying to dim the background also, but when I enter in an overlay color for dimming the background (I used the suggestion above - 20,20,20,41), it changes the background of the form itself from white to that color. Any ideas what I’m doing wrong?


alex.hong
Forum|alt.badge.img+58
  • Klaviyo Alum
  • 1552 replies
  • November 22, 2021

Hey there @sheepdreams,

Odd behavior indeed. If you are changing your overlay color only without touching the background color itself for a popup form, you should see no change in background color for the form. Do you mind sharing a screenshot of your settings to see what might be causing the issue?

 

Thank you!

Alex