1. Open your Moodle theme, and using Firebug hover your mouse over one of the block footers. Make sure that you have selected the very outside of it.
2. Copy the
.sideblock .content
element at the top of the right-hand CSS window.3. Paste this copied code after the
.sideblock .header
element in youruser_styles.css
file.4. Change the following lines of CSS code from:
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
to:
-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
This reduces the degree to which the lower-left and lower-right corners are rounded.
5. Save the
user_styles.css
file, and then refresh the browser window.
Now your blocks are looking much more like the ones that you created in the graphic mockup created in Chapter 6.