Skip to main content
Solved

In-app messages border radius

  • January 24, 2024
  • 1 reply
  • 45 views

Dear community,

I wanted to customize (increase) the border radius of my in-app messages to fit better our platform design.

However it seems that even if I update the first “message padding” block in the blocks tree, there is always a grey with a border radius of 4 behind, which fills/removes the bigger radius of the message in front.
See an exaggerated example here, you can see the white radius on top of a grey card:

 

And here is the setup of my message in customer.io, with the border radius added to the first block in the tree:

 

Has any of you managed to modify this overall border radius on the popup?

Thanks!

Mathias

Best answer by Matlesca

I already found a solution, it may help other users.

Adding some custom css in my app made the trick:

#gist-message.message {
    background: transparent !important;
}

Then the grey background is not shown and the first block’s padding is the one that counts:

 

View original
Did this topic help you find an answer to your question?

1 reply

  • Author
  • Novice
  • 1 reply
  • Answer
  • January 24, 2024

I already found a solution, it may help other users.

Adding some custom css in my app made the trick:

#gist-message.message {
    background: transparent !important;
}

Then the grey background is not shown and the first block’s padding is the one that counts:

 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings