Hi,
Please watch the following video for flex block-1 bug. The element border-radius is not working. Using tech news demo.
https://drive.google.com/file/d/1loAtJwqq9GlmXhsERGNxaJbs1lIAYHM6/view?usp=sharing
Please help
Regards,
Please don’t refer me to https://forum.tagdiv.com/topic/border-radius-hidden-behind-white-background-color/ because I have already tried it.
Border radius is working when no color is chosen on the Background color but, once I add color to the Background color, it hides the border behind the background color.
Watch the recording: https://drive.google.com/file/d/11mRu7dqPVKzDgQ-e_UlDlg1Ajga7QARY/view?usp=sharing
Hi Lalit, as far as I know the border radius is acting like that since the option was added, and is not about the background color -> https://i.imgur.com/kvPAyqb.png bat can be more easy adjusted, now when a background color is set, then this will be set rectangular -> https://i.imgur.com/7NYVMlH.png also the elements are setting on different elements, the border radius is set on the flex element and the background color is set inside it on element -> https://i.imgur.com/Oj7Yos8.png -> https://i.imgur.com/MIpyN3U.png
Unfortunately, the border can not overwrite the blocks setting because those will be damaged.
The only solution that I see in this case is to remove the border and border radius from css tab and set on that element a class, then on that class set the border radius like this -> https://i.imgur.com/XCy0UQ2.png -> https://i.imgur.com/BhBIB0n.png after that just add the extra class on those elements where you want to have that layout.
.border-class .td-element-style{
border-radius: 50px!important;
border: 2px solid #000;
}
The css need to be set in the theme panel > custom code> custom css.
I hope this will help you!
