Hello, team tagDiv.
I am trying to set a border radius for my newsletter with some background color. It looks nicer than with sharp corner.
But I came across something weird. While the border radius works perfectly fine, that background radius doesn’t respect this rule and maintains the sharp corners.
The only method was to use custom css for background color on column rather than tagDiv composer but that inefficient. Anyway, Why doesn’t the background color set with tagDiv composer works the same as the custom css for the same property
The images below demonstrate this.
Hello !
You will have to set that background radius too as you can see here: https://www.w3schools.com/css/css3_borders.asp
Thank you !
I don’t know much about CSS and yet I’m more than sure that there’s no such thing as background radius. As much as I hate to say that, your replies has never helped me…never.
And I guess you didn’t read what I’ve written carefully — like always. Maybe it’s comprehension issue or perhaps related to language constraints. IDK
I urge you to forward this to someone more versed.
Thanks.
I can’t see why it’s necessary, Sir.
I’ve already explained everything in detail. Having a look at my website wouldn’t be of more use. That’s why I provided the screenshots.
I can try once more.
In CSS, if you add background color to an element along with border radius, that element will have background of that color and it will have round borders, but most importantly the color that is applied would not flow outside of the corners. Refer to the SECOND screenshot. It has round corners and the color is contained properly within the element.
Now, if I add background color and radius to a column using TD Composer instead of writing custom CSS myself, it doesn’t work very well. The background color flow out of the element’s rounded corners. Refer to the FIRST screenshot. The corners are round but the color is flowing out.
So, when I add background color using .custom-class { background-color: #f22b29; } instead of TD-Composer, it works fine.
I think it’s easier to understand now. If, for whatever reason, you’re unable to help without having to have a look at my website, please forward this to someone else. It’s that easy. I’d be extremely grateful.
Thanks.
Hello @pratiek!
Unfortunately, for the moment the easiest way to achieve that, is to write there some CSS code.
For example, you will choose your class name ” borderclass ” for a column where you want to build the border radius, write it here: https://www.screencast.com/t/CAofvyHaNWdk, and then you can paste this code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.borderclass .td-element-style{border-radius: 15px!important;}
Thank you!