There are other ways to make a unique looking theme. You can also play around with the color of the border of the blocks.
Let's look at an example of how we can change the color of the border within the default block, that is, the CATEGORIES block.
Let's start by inspecting the element through Firebug.
You can see from the preceding screenshot that the CATEGORIES block's border bottom
property is stated as border bottom: 1 px solid #595A5E
. Now let's change this to red
.
The line you are looking for will be in
/* Default block style */
.div.block h4 { text-transform: uppercase; font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; color: #374853; height: 19px; background: transparent url('../img/block_header.gif') no-repeat top left }
Change the hex color code to
red
or any other color you prefer...