Adding style to your site


It is fairly simple to add your own styling to your drupal site.
The easiest way I found was to create a new block, add it to the upper most block section in your site like header, banner, etc.

As admin, click Structure and go to Blocks.
Click create new block.

The inline image above is using two styles embedded in the header

  • inlinepic
  • rnd
Here is the style in the header Site Style block
.inlinepic { width:50%; float:left; margin:8px; }

.rnd { font-size:large;box-shadow: 3px 4px 5px #888888;color:#333;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-width:1px;border-style: solid;border-color:silver;text-align: left;margin:4px 4px 4px 4px;padding:4px 4px 4px 4px; }

Do not put in a title since you do not want it displayed and put in the description something like Site Style.
Select one of the upmost blocks in your site to add it to.

Now, each time you load the template, the style tags will be displayed above, hidden in the top of the page.
To use the styles you have to be in Text format of Full HTML which means it will not auto create carriage returns (BR tags) .
Be sure to save the block.