CSS tips to tweak the look of your site

Your OM4 site has self-managed design features that do not require any CSS knowledge.

However, if you are feeling adventurous, or if you have a web developer in the family, your OM4 site lets you tweak some CSS rules to change the way your site looks.

Remember to clear your cache

When a broswer loads a web page with a CSS style sheet, it will cache the style sheet. That means each time the browser gets a new page, it will use the cached version of the style sheet.

If you create a new CSS rule, your OM4 site regenerates your style sheet. You then need to clear your browser’s cache to get rid of the old style sheet before the browser will download the new one.

How to create custom CSS rules

Using Dashboard, Site Design, scroll down to the Custom CSS section. You can create any CSS rules here, and they will be appended to your style sheet, after all previous rules. This means you can override any of the standard formatting.

Aligning the top of sidebars

If you are using a dual sidebar layout, the top margin of the topmost sidebar widgets may need adjusting.

You need to know the name of the widgets to apply this rule. You can view the Page Source and scroll down to find the sidebar widget names. Or you can use the Firefox Web Developer toolbar.

Here is the CSS to lift text widget 4 and text widget 5 by 15 pixels.
#text-5 {margin-top: -15px;}
#text-4 {margin-top: -15px;}