Skip to main content
Solved

In-app messages border radius

  • January 24, 2024
  • 1 reply
  • 46 views
M

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

M
  • Matlesca
  • 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


Most helpful members this week

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
Product
Resources
Industry
Company

Privacy PolicyTerms of ServiceStatus© Peaberry Software, Inc.

Terms & ConditionsCookie settings