![\"Simple](\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2011\/11\/01-business.jpg\" "\\"Simple")
<\/a><\/p>\nHow do these different banners set up your expectations for the rest of the site? Would a simple design for the top example for a business site be appropriate? Would the same hold true for the design firm’s banner\/header?<\/p>\n Just changing the banner\/header will change your whole site and it’s a single file. Often the code for the banner\/header is buried deep in the site’s theme files, so you may have to dig a bit. The easiest way to find it is to visit your website, right-click on your banner image, and use your browser’s code viewer to find the location of the image. You can simply replace this file. The recommended method is to change the banner\/header file name on your site and upload a new one with the old file name, so you don’t lose your original in case you don’t like the change.<\/p>\n Almost as important as the banner\/header is the background of your website. While each element can have its own background colors and images, the entire site has one as well. This should complement your banner\/header, so when you change one you’ll likely have to change the other. But sometimes just changing the background image and colors can be the only change made just to give the site a fresh look. To see just how much a background can change a site, check out these examples:<\/p>\n Ranging from the simple to the intense, the background can really change the way a site looks. Finding the files to update is the same process as the banner\/header \u2014 just right-click on your blog and inspect the source code.<\/p>\n Another easy way to quickly update your site design is to change your basic text elements (H1, H2, links, etc.). With a few strokes of the keyboard, your headers and links change color and behave differently. If you are using blogging software, all of this information will be located in a CSS file or files. Here are examples of how you can shape your design quickly:<\/p>\n In both cases above, this is all controlled by CSS. Specifically, within the H1 tag (or any other tag on the CSS document) just edit the “color” tag and that’s it!<\/p>\n The same goes for links: You can keep the standard blue for unvisited and purple for visited, but changing these can help match up your site’s look.<\/p>\n While fonts could be considered part of the standard text elements section, fonts are really their own consideration. Size, type, color: these are just a few of the considerations. The standard rule of thumb is to use a serif font for all body content and sans serif for titles. This is a good rule to help with readability, but don’t be afraid to change it up.<\/p>\n A modern alternative for fonts on a website is to use web fonts<\/a>. With hundreds of free fonts, you simply reference the font family in your CSS document using the @font-face or @import tags. An excellent source of free web fonts is Google<\/a>. Google makes it easy to use and even provides a meter to show you if the font is a large download!<\/p>\n<\/a><\/p>\nBackground Image and Colors<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nStandard Text Elements<\/h3>\n
<\/a><\/p>\n<\/a>
\nThis example uses different colors to set elements apart. <\/em><\/p>\nFonts<\/h3>\n