5.6v - CSS code for a rounded block corner
Permalink
Hi - I've got a coder to give me a simple piece of code, which I can, "add to a particular corner's css which I want to be rounded" - so, my question is - I've done a little html NOT much - is this something I can do - would someone mind, if not too much, setting out [idiot proof style] the steps, please? Thank you.
I know there is an add-on, it's just I've got a few C5 sites and would like something that I can apply at will. If this doesn't work, I guess I can look at that option.
I know there is an add-on, it's just I've got a few C5 sites and would like something that I can apply at will. If this doesn't work, I guess I can look at that option.
http://border-radius.com/
Insert your radius values until it looks like you want it, then you got the ready CSS for it.
From that onward you have two ways:
1. apply as custom CSS
2. insert as CSS class
For No1, you just click your "block" (in Edit mode) and enter the "Design" Dialog. There you can paste the CSS code and even save it as a custom design with a name.
For No2, save the CSS code in your main.css file, after giving it a class name (like .roundcorners) then same thing - go to design dialog and add ".roundcorners" to the "CSS class" field.
I'd say "No2" is cleaner because it uses a CSS class instead of applying custom CSS to each element, which is just more lines of code -> Size of your website.