http://www.blogohblog.com/forums/ Blog Oh! Blog Forums Tag: CSS en Wed, 07 Jan 2009 02:30:52 +0000 http://www.blogohblog.com/forums/topic/how-to-change-text-color-in-limau-orange-template#post-679 Tue, 19 Aug 2008 19:21:08 +0000 Jai 679@http://www.blogohblog.com/forums/ <p>In the style.css file, just find the class called .middle</p> <p>Now, you can add color information for the fonts in this class. </p> http://www.blogohblog.com/forums/topic/how-to-change-text-color-in-limau-orange-template#post-655 Wed, 06 Aug 2008 22:18:55 +0000 eec111 655@http://www.blogohblog.com/forums/ <p>I've looked all over the style sheet and everywhere else, and I can't locate where to change the font-color of the body text in the body.</p> <p>Please help!!</p> <p>Thanks </p> http://www.blogohblog.com/forums/topic/bob-v2-help-please#post-591 Sun, 06 Jul 2008 17:47:11 +0000 Jai 591@http://www.blogohblog.com/forums/ <p>The dotted line is a part of the wide image that tiles across the body vertically.</p> <p>Its called cbck.gif in the /i folder. </p> http://www.blogohblog.com/forums/topic/bob-v2-help-please#post-588 Sat, 05 Jul 2008 19:23:59 +0000 johnb 588@http://www.blogohblog.com/forums/ <p>first thanks for the nice theme</p> <p>i've enlarged the main entry width and narrowed the side bars but how do i change the location of the dotted vertical line that seperates the main entry area and the sidebars?<br /> At the moment it cuts down through the enlarged main area</p> <p>thanks </p> http://www.blogohblog.com/forums/topic/blue-box-css-weirdness#post-478 Thu, 05 Jun 2008 18:28:18 +0000 edgeonyou 478@http://www.blogohblog.com/forums/ <p>Having a weird thing happen with my links. Even though I haven't edited the link attributes in the CSS, I'm getting two different styles show up in my posts (and sidebar!). One with an underline and hover, and one without. I even tried clearing the links from a post and redoing them and still got different link styles. </p> <p>Help! (CSS is below)</p> <p><code></code><code></code><code></code><code></code><code></code><code></code>`</p> <p>/*<br /> Theme Name: Blue Box<br /> Theme URI: <a href="http://www.blogohblog.com/" rel="nofollow">http://www.blogohblog.com/</a><br /> Description: Blue Box is a 2 columns Wordpress theme. Lightweight theme for personal use. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)<br /> Version: 0.1<br /> Author: Bob<br /> Author URI: <a href="http://www.blogohblog.com/" rel="nofollow">http://www.blogohblog.com/</a></p> <p>This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.<br /> */</p> <p>body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;background:#50504f url(images/gbck.gif) repeat;}<br /> #box{width:800px;background:#fff;margin:20px auto;padding:10px;}<br /> #top{width:800px;background:#69c url(images/topbck.gif) repeat;height:51px;margin:0;padding:0;}<br /> #splash{width:800px;background:url(images/splash.gif) no-repeat;height:200px;margin:0;padding:0;}<br /> #header{float:left;width:600px;margin:0 0 0 10px;padding:0;}<br /> #header h1{text-indent:-10000px;margin:0;padding:0;}<br /> #header h1 a{display:block;background:url(images/logo.gif) no-repeat left;height:51px;}<br /> #desc{color:#fff;float:right;text-align:right;font-size:11px;margin:20px auto;padding:0 10px 0 0;}<br /> #main{background:#f3f2ed;height:30px;margin:10px auto;}<br /> #mainbck{background:#fff url(images/mainbck.gif) repeat-y;width:800px;margin:5px auto;padding:0;}<br /> *html h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;color:#666;padding:0 0 0 5px;}<br /> #nav{height:30px;line-height:30px;float:left;padding:0;}<br /> ul.nav{height:30px;line-height:30px;float:left;list-style:none;font-size:12px;font-weight:700;text-transform:uppercase;margin:0;padding:0;}<br /> ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}<br /> ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;background:#f3f2ed;color:#069;float:left;display:block;text-decoration:none;padding:0 10px;}<br /> ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#555;text-decoration:none;}<br /> ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}<br /> ul.nav li.current_page_item a{text-decoration:none;color:#555;background:#fff;}<br /> ul.nav li ul{float:left;margin:0;padding:0;}<br /> #content{width:540px;float:left;margin:5px auto;padding:0 15px 0 0;}<br /> .entry{width:530px;background:#fff;float:left;color:#666;text-align:left;border-bottom:#ccc 1px dotted;margin:5px auto;padding:5px;}<br /> .entry h2,h3{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;margin:0 auto;padding:0;}<br /> .entry img {margin:0 7px 2px 0; padding:3px; border:solid #069 2px; align:left; width:200px}<br /> #sidebar{width:230px;float:right;margin:5px;padding:0;}<br /> .rsidebar{width:210px;color:#666;margin:0 auto;padding:0 5px;}<br /> .rsidebar h2{font-size:14px;border-bottom:dashed 1px #ccc;margin:0 7px 3px;padding:3px 0;}<br /> .rsidebar ul{list-style-type:none;margin:0;padding:0;}<br /> .rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}<br /> .rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}<br /> .rsidebar ul li ul li{list-style-type:none;background:transparent url(images/b.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}<br /> #footer{width:790px;background-color:#69c;height:30px;line-height:30px;clear:both;color:#fff;margin:0;padding:0 0 0 10px;}<br /> a:visited{text-decoration:none;color:#069;border:none;}<br /> a:hover{text-decoration:underline;color:#69c;border:none;}<br /> #wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}<br /> #wp-calendar a{text-decoration:none;display:block;}<br /> #wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:left;width:100%;}<br /> #wp-calendar th{font-style:normal;text-transform:capitalize;}<br /> #wp-calendar{empty-cells:show;width:100%;margin:10px auto 0;}<br /> #wp-calendar #next a{padding-right:10px;text-align:right;}<br /> #wp-calendar #prev a{padding-left:10px;text-align:left;}<br /> #wp-calendar td{text-align:center;padding:3px 0;}<br /> #wp-calendar td.pad:hover{background-color:#fff;}<br /> a:link,a:active{text-decoration:none;color:#14568a;border:none;}<br /> .navigation{width:520px;float:left;color:#666;}<br /> .alignright{float:right;margin-top:10px;}<br /> .alignleft{float:left;margin-top:10px;}<br /> .space{background:#fff;height:5px;clear:both;margin:0 auto;padding:0;}<br /> #searchform{height:26px;line-height:26px;float:left;margin:0;padding:0 0 10px;}<br /> input#s{color:#5188d2;width:140px;border:1px solid #cbcbcb;background:#fcfcfc;}<br /> input#searchsubmit{background:#4879aa;color:#fff;font-size:13px;border:1px #2f5c89 solid;}<br /> .bobcomments{border-top:5px solid #006394;background:#fbfbf9;border-bottom:1px solid #006394;margin-bottom:20px;}<br /> #commentform{border-top:1px dotted #cedeef;border-bottom:1px dotted #cedeef;margin:0;padding:15px 15px 1px;}<br /> #commentform label{display:block;margin:0;}<br /> #commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}<br /> #commentform textarea{width:380px;margin:0 0 10px;padding:0;}<br /> #commentform #submit{margin:0 0 20px;}<br /> #commentform p{margin:5px 0;}<br /> ol.commentlist{margin:0 0 1px;padding:0;}<br /> ol.commentlist li{border-top:1px solid #cedeef;display:block;list-style:none;margin:0;padding:15px 15px 1px;}<br /> ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}<br /> ol.commentlist li.commenthead h3{margin:0;}<br /> ol.bob{border-top:1px solid #cedeef;list-style:none;margin:0 0 1px;padding:15px;}<br /> ol.bob li{display:block;list-style:none;background:transparent url(images/hb.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}<br /> #footer a:visited{text-decoration:none;color:#006495;border:none;}<br /> #footer a:hover{text-decoration:underline;color:#006495;border:none;}<br /> #footer a:link,#footer a:active{text-decoration:none;color:#fff;border:none;} </p> http://www.blogohblog.com/forums/topic/blue-box-css-question#post-445 Sat, 24 May 2008 14:39:56 +0000 edgeonyou 445@http://www.blogohblog.com/forums/ <p>That makes sense, and I tried it, but doesn't seem to do the trick. I added the following to the CSS:</p> <p><code></code><code></code><code></code><code></code><code></code><code></code><code></code><code></code>`<br /> .entry img{margin:20px; padding:20px; border:solid #003300 4px; align:center}`</p> <p><code></code><code></code><code></code><code></code><code></code><code></code><code></code><code></code>`<br /> Then I added the following code to a test post:</p> <p><code></code><code></code><code></code><code></code><code></code><code></code><code></code><code></code>`<br /> &lt;img src="http://worstquarterly.com/wp-content/uploads/2008/05/lynyrdskynyrd_group_duo.jpg" alt="LS" class="entry img"/&gt;`<br /> <code></code><code></code><code></code><code></code><code></code><code></code><code></code><code></code>`</p> <p>However, the class attributes weren't applied to the image. Also, the image displays at double its actual size. It's a 250 pixel image, and it displays as 500 pixel.</p> <p>This is probably something really simple, but I'm missing it...</p> <p>Thanks! </p> http://www.blogohblog.com/forums/topic/blue-box-css-question#post-444 Sat, 24 May 2008 13:48:28 +0000 Jai 444@http://www.blogohblog.com/forums/ <p>Hi,</p> <p>You can put this class in your css</p> <pre>.entry img {}</pre> <p>and then specify the border, padding in that. </p> http://www.blogohblog.com/forums/topic/blue-box-css-question#post-442 Fri, 23 May 2008 20:01:35 +0000 edgeonyou 442@http://www.blogohblog.com/forums/ <p>I'm a bit of blogger newb, so sorry if this is a dumb question... I'm using (and loving) BlueBox, but can't figure out how to modify the borders and padding on images. I thought that was all handled via the "image" tag, but I can't find that tag in the stylesheet. </p> <p>What am I doing wrong? </p> http://www.blogohblog.com/forums/topic/how-to-remove-horizontal-and-vertical-gapswhite-space-between-images#post-219 Fri, 18 Jan 2008 16:43:01 +0000 Jai 219@http://www.blogohblog.com/forums/ <p>Yes. These are the blocks of code to modify. </p> http://www.blogohblog.com/forums/topic/how-to-remove-horizontal-and-vertical-gapswhite-space-between-images#post-166 Wed, 02 Jan 2008 22:21:27 +0000 ss123 166@http://www.blogohblog.com/forums/ <p>I would like to post a series of several thumbnails but there is always a small whitespace/gap between the images on the sides and the bottom (incase i want multiple rows of images). I am not that familiar with the CSS, can someone please let me know what each parameter changes, or if this is the right block of code? Thanks in advance.</p> <p><code><br /> img.centered{display:block;margin-left:auto;margin-right:auto;}<br /> img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}<br /> img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}<br /> </code> </p> http://www.blogohblog.com/forums/topic/new-blue-theme-change-colors#post-79 Thu, 06 Dec 2007 05:01:44 +0000 milepile83 79@http://www.blogohblog.com/forums/ <p>ok ill give it a try, thanks! </p> http://www.blogohblog.com/forums/topic/new-blue-theme-change-colors#post-78 Thu, 06 Dec 2007 04:54:33 +0000 Jai 78@http://www.blogohblog.com/forums/ <p>Yes. Please go through the style.css file in the theme folder. You should be able to find what you are looking for. </p> http://www.blogohblog.com/forums/topic/new-blue-theme-change-colors#post-77 Thu, 06 Dec 2007 04:08:00 +0000 milepile83 77@http://www.blogohblog.com/forums/ <p>hi, is there any way to change the color scheme of the news blue theme? Particularly the blue backgrounds where the page links are and the light blue bg behind the posts?</p> <p>thanks </p> http://www.blogohblog.com/forums/topic/newbie-to-css-and-wordpress-templates-need-help-with-firefox#post-40 Wed, 28 Nov 2007 03:58:11 +0000 Jai 40@http://www.blogohblog.com/forums/ <p>It can be done but this will cost you money so you need to fill up a custom order form on the website. </p> http://www.blogohblog.com/forums/topic/newbie-to-css-and-wordpress-templates-need-help-with-firefox#post-34 Wed, 28 Nov 2007 03:14:23 +0000 projectspossible 34@http://www.blogohblog.com/forums/ <p>I can say without hesitation that I am NOT a CSS expert or a Wordpress expert. I can also say that I love the Themes here... so much so that I am trying to combine functionality of two of them together to get what I want. The BigBlue theme had the colors I wanted... BOB had the functionality of full most recent post and excepts on the remaining posts. I took the loop from BOB, but it into Big Blue and while I have tweaked it enough to work in IE, Firefox pukes all over the place... Anyone know what CSS I should modify to get what I need? </p>