Skip to main content
Solved

Border radius does not apply in form editor


Forum|alt.badge.img+2
  • Contributor I
  • 1 reply

Hi!

I am creating a subscription form and inside the editor under the “styles” tab,  I choose 10px as the border radius. But that change does not show on the right side (front end).

If I apply border radius to the button, it shows on the other hand.

 

Thanks for any inputs

Flo

Best answer by David To

Hello @flo,

Thanks for sharing your question with the Klaviyo Community!

After changing the Border Radius under the Style’s tab can you confirm you’ve both also set a Border Thickness and selected a Border Style? When adding a border to a form, both of these other settings must be set in order to define the border thickness and the style of the border you want.

I would also recommend taking a look at the Overview of the Signup Form Builder article to learn more about the various signup form settings and how to utilize them.

Hope this helps!

David

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

3 replies

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

Hello @flo,

Thanks for sharing your question with the Klaviyo Community!

After changing the Border Radius under the Style’s tab can you confirm you’ve both also set a Border Thickness and selected a Border Style? When adding a border to a form, both of these other settings must be set in order to define the border thickness and the style of the border you want.

I would also recommend taking a look at the Overview of the Signup Form Builder article to learn more about the various signup form settings and how to utilize them.

Hope this helps!

David


Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 1 reply
  • June 17, 2021

Hi @david.to , thanks for the answer. Indeed I had not set a border style! At the same time it was not clear to me that the form style applies to the frame around the form and not the input itself. As for the buttons I am able to apply a radius. Is there a way to set a radius for a normal input field? In case its a CSS change, could you post it - it would help a ton.

 

Thanks! Flo


David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • June 17, 2021

Hey @flo,

For Klaviyo built signup forms, unlike buttons, input fields do not have the capability for you to set a border radius. 

If you wanted more flexibility in the elements of your forms, I would recommend using and building your own custom signup form. You can find resources to help you build your own custom signup form from the articles below that Klaviyo offers:

Have a great day!
David