Blog

With modern browsers gaining more and more market share, I feel like it is time to start taking a stronger stance with CSS3 stylings. That being said, I wanted to offer up a small snippet of CSS you can add to your styles to round the corners of your sections.

In style editing mode, click the Custom CSS tab and past the following into the window. 

.section { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }


This rounds the corners of your sections via CSS. It wont work in IE, it will however degrade gracefully, IE users will only see the original squared corners. You can change the values as long as they match, to say, 6px if you don’t want such a intense corner radius. You can also apply this to other elements like .journal-entry-wrapper, which would give all your entries a nice rounded background element.

Have fun.