I would like to change all the fonts of my blog to verdana, how do I do that? Is it possible to change my right sidebar over to the left? If yes, how? Thank you
You need to change the fonts via the style.css file, and as for the sidebar, depends on which theme you are using. What's your URL?
You mean, all I've gotta do is go to my style.css, & manually change all the names of the fonts, that's all? It's in my first sig line
Yes, that is all you need to do to change fonts! As for the sidebar, switch the float from right to left (also in the css file), so that it reads like this: #sidebar { background:#fff; color : #000; padding: 5px 0px; margin: 5px 0px; width: 30%; float:left; }
Thanks guys! I've changed my fonts! But I still can't change the sidebar over. Here's the style sheet code: /* Theme Name: Blue Horizon Theme URI: http://www.kaushaheth.com/ Version: 1.1 Description: Blue Horizon theme with Sidebar widget support Author: Kaushal Sheth Author URI: http://www.kaushalsheth.com/ Credits: BLue Horizon designed by <a href="http://kaushalsheth.com">Kaushal Sheth</a> developed by <a href="http://www.geeksmakemehot.com">geeksmakemehot</a>. Image Header from http://www.fotoplayer.com/demo/slides/Grassy.jpg License - The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* ------- Layout CSS( Centered Fixed Width) ------ */ body { font-family: 'Verdana', 'Verdana', Verdana, Verdana; font-size: 12px; text decoration: underline; margin: 0; padding: 0; text-align: center; /* IE 5.5 hack */ } #farouter {background: #ffffff;width: 760px; border: 1px solid #3A291F;margin: 20px auto 20px auto;text-align: left; /* IE 5.5 hack part II */} #outer {} #rap {} #masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0px 10px 10px 60px; font: normal 100% 'Verdana', 'Verdana', Verdana, sans-serif; height: 180px; text decoration: underline; } #main {padding-left:35px;} #content {float: left;width: 490px; padding-top: 20px;} #menu {float: right;width: 175px; margin-right: 3px; border-left: 1px dashed #2050A0; border-right: 1px dashed #2050A0; text decoration: underline;} #nav {padding-left: 10px; padding-right: 10px; text decoration: underline;} #logo {padding-top: 25px; padding-left: 12px;} #hmenu {margin: 8px; height: 30px; text decoration: underline;} #hnav {margin: 0;padding: 0; text decoration: underline;} #clearer { clear: both; margin: 0; padding: 0;} #footer { margin: 8px 8px 8px 8px; } /*----------------- Color CSS ------------------------*/ body {background: #2050A0; color:#333;} #rap {background: #ffffff;} #masthead {background-image: url('images/header.gif');} #footer {background: #2050A0;} #hmenu { background: #white; text decoration: underline;} #hnav { background: #white; text decoration: underline; } a {color: #17397A; text-decoration: underline; } a:visited { color: #17397A; text-decoration: underline; } a:hover { color: #17397A; text-decoration: underline; } acronym, abbr { border-bottom: #333; } blockquote {border-left: #2F700F; color: #2F700F;} h2 { color: #17397A; font-size: 24px; font-weight: normal;} h3 a {color: #17397A; } h3 a:hover {color: #17397A;} h3 a:visited {color: #17397A;} .meta { color: #1F6710} .meta a {color: #001700;} .feedback a{color: #001700;} /* -------- Core CSS ---------*/ a{text-decoration: underline;} a img { border: none; } acronym, abbr { border-bottom: 1px dashed; } acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;} blockquote { border-left: 3px solid #2F700F; border-bottom: 3px solid #2F700F; margin-left: 1.5em; padding-left: 5px;} cite { font-size: 90%; font-style: normal; } #header a { color: #F2EEEC; text-decoration: underline; } #header a:hover { text-decoration: underline; } h1 { margin: 0; padding: 20px; text-align: right; } #hidden {display:none;} h2 {font: 100% 'Verdana', 'Verdana', Verdana, Verdana; letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 20px 0 0 0; } h2#tagline {margin-right: 25px; padding:0;text-align: right;color: #F2EEEC;border: 0px none;; margin-left:0; margin-top:0; margin-bottom:0} .post h2 { font: 100% 'Verdana', 'Verdana', Verdana, Verdana; letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; } h3 {font: 24px 'Verdana', 'Verdana', Verdana, Verdana; margin-left: 0; margin-top: 30px;color: #17397A; } h3#comments { margin-left: 20px; } h3#respond { margin-left: 20px; } h4 { font-size: 16px; font-weight: normal; } ol#comments li p { font-size: 100%; } img {margin: 10px;padding: 10px; border: 1px solid #2F700F; } p, .feedback { font: 100%/175% 'Verdana', 'Verdana', Verdana, Verdana;} p {} .textarea { width:200px; margin:0; } #archvies { font: 150% normal 'Verdana', 'Verdana', Verdana, Verdana; } /* ------------------------- Classes used by the_meta() ---------------------*/ ul.post-meta { list-style: none; } ul.post-meta span.post-meta-key { font-weight: bold; } .credit { color: #fff; font-size: 90%; margin: 10px 0 0 0; padding: 3px; text-align: center; text decoration: underline; } .credit a, .credit a:hover {color: #fff;text-decoration: underline;} .feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%} .meta {font-size: .95em;} .meta li, ul.post-meta li {display: inline;} .meta ul {display: inline;list-style: none;margin: 0;padding: 0;} .meta, .meta a { font-weight: normal; letter-spacing: 0;} .post { margin: 35px 35px 20px 0; } .entrytext {margin-left: 30px;} .storytitle { margin-top: 10px; margin-bottom: 2px; } .storytitle a { text-decoration: underline; } .storycontent{margin-bottom: 5px; border-bottom: 1px solid #2050A0;} #commentform { margin-left: 20px; } #commentform #comment { width:450px; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff; padding: .2em; } #commentform textarea { width:100%;} #commentlist li {border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px;} #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;} /* ---------- All menu styling except #menu itself (in layout above) ------- */ #nav form { margin: 0 0 0 13px; text decoration: underline; } #nav input#s { width: 80%; background: #eee; border: 1px solid #999; color: #000; } #nav ul li h2 { font-family: 'Verdana', 'Verdana', Verdana, Verdana; font-weight: normal; letter-spacing: 0.1em; border: 0px none; text-align: left; padding-left:0; margin-left: 0 } #nav ul ul ul.children { font-size: 100%; padding-left: 4px; text decoration: underline; } #nav { width: 170px; } #nav ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: 'Verdana', 'Verdana', Verdana, Verdana; font-size: 95%; } #nav a { display: block; padding-left: 17px; padding-right: 17px; width: 130px; background-color: #FFF; background-image: url('images/icon.gif'); background-repeat: no-repeat; background-position: 0 55%; border-bottom: 1px dotted #2050A0; padding-right:3px; padding-top:3px; padding-bottom:3px } #nav a:link {text-decoration: underline; } #navlist a:visited { text-decoration: underline; } #nav a:hover { background-image: url('images/icon2.gif'); text-decoration: underline; color: #000 } #themeswitcher { font-size: 8px; } /*------------- hnav------------*/ #hnav ul { text-align: center; text decoration: underline; padding-bottom: 5px; padding-top: 5px; padding-left: 0; margin-top: 0; /* cancels gap caused by top padding in Opera 7.54 */ margin-left: 0; background-color: #2050A0; color: #F2EEEC; width: 100%; font-family: 'Verdana', 'Verdana', Verdana, Verdana; line-height: 18px; /* fixes Firefox 0.9.3 */ } #hnav ul li { display: inline; text-decoration: underlined; padding-left: 0; padding-right: 0; padding-bottom: 5px; /* matches link padding except for left and right */ padding-top: 5px; } #hnav ul li a { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; color: #F2EEEC; text-decoration: underlined; } #hnav ul li a:hover { background: #F2EEEC; color: #3A291F; } #hnav #active { border-left: 1px solid #F2EEEC; border-right: 1px solid #F2EEEC} /*------------- added ------------*/ .gravatar { float:left; padding: 3px; margin-right: 5px; margin-bottom: 5px; border: 1px solid #2F700F; } #commentbox { background: #F2EEEC; border: 1px solid #2F700F; padding: 5px; margin-bottom: 15px; } .commentby { font-size: 14px; text-transform: uppercase; } .commentinfo { font-size: 10px; margin-top: -10px; border-bottom: 1px soild #1F6710; } .commentid { float: right; font-size: 24px; font-style: italic; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #2050A0; } .commentid a { color: #2050A0; text-decoration: none; } .post ul li { padding: 0px; font-weight: normal; list-style: url('images/icon.gif'); line-height: 1.5em; } .post ul li:hover { padding: 0px; font-weight: normal; list-style: url('images/icon2.gif'); line-height: 1.5em; } /*widget hacks*/ #nav h2 { font-size: 16px; font-weight: normal; } ul#recentcomments a {background-image:url('none'); } ul#recentcomments a:hover{background-image:url('none'); }
Change CSS to the bold: #menu {float: left;width: 175px; margin-right: 3px; border-left: 1px dashed #2050A0; border-right: 1px dashed #2050A0; text decoration: underline;}