square corners instead of rounded ones border radius - sidebar

[anagase]

Hi! I'm trying to figure out how to change the corners of the boxes from rounded to square using the sidebar. What CSS should I use so that the boxes and the stroke look like the example in the attached image?!

[arminunruh]

seems like you can use https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/corner-shape

corner shape bevel.

if you add this css to "custom css" in lay options -> custom css and html:

.col, .col img, .col .ph{
corner-shape: bevel;
}

it should transform rounded corners to these types of corners!

[anagase]

YEEES!!! thank you so much..
THANKS

[arminunruh]

actually while working on this, I realized that the "sync/unsync" values button:

does not remember your choice when you update.
this may make it harder to set only one corner radius!

im releasing an update now where this is fixed

[anagase]

eah, it was definitely acting a bit weird, It didn’t recognize the changes after saving before, but now after the update, it works great!