WordPress.com

1. aliceilcane
   Member
   Oct 21, 2007, 12:51 PM

   hello.

   I have been customising my white as milk theme changing colors and backgrounds, nothing else. But at the end the search engine on my sidebar has disappeared.

   this is my new CSS sheet

   can you help me find out what happened?

   thank you!

   alice

   html {
   height:100%;
   margin-bottom:1px;
   }

   body {
   font-size:62.5%;
   font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
   color:#333;
   text-align:center;
   background-color:#CCFF00;
   margin:0;
   padding:0;
   }

   #page {
   text-align:left;
   width:620px;
   border:10px solid white;
   background-color:white;
   margin:20px auto;
   padding:0;
   }

   #header a {
   font-size:2em;
   color:#669900;
   font-weight:bold;
   margin-left:220px;
   margin-top:50px;
   }

   #blog_title_hide {
   display:none;
   }

   #content {
   float:right;
   font-size:1.2em;
   width:400px;
   }

   .widecolumn .entry p {
   font-size:1.2em;
   }

   .narrowcolumn .entry,.widecolumn .entry {
   line-height:1.4em;
   }

   .widecolumn {
   line-height:1.6em;
   width:450px;
   overflow:hidden;
   margin:5px 0 0 150px;
   padding:10px 0 20px;
   }

   .narrowcolumn .postmetadata {
   text-align:left;
   font-size:.8em;
   padding-top:5px;
   }

   .alt {
   background-color:#f8f8f8;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
   margin:0;
   padding:10px;
   }

   small {
   font-family:Arial, Helvetica, Sans-Serif;
   font-size:0.9em;
   line-height:1.5em;
   }

   h1,h2,h3 {
   font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-weight:bold;
   }

   h1 {
   font-size:2em;
   text-align:left;
   margin:0;
   }

   #header p {
   color:#669900;
   margin:10px 8px 0 220px;
   }

   .description {
   font-size:1.2em;
   color:#333;
   margin-left:220px;
   margin-right:5px;
   }

   h2 {
   font-size:1.6em;
   clear:both;
   margin:30px 0 0;
   }

   h2.pagetitle {
   font-size:1.6em;
   margin-top:2px;
   background-color:#CC0033;
   }

   #sidebar h2 {
   font-family:'Lucida Grande', Verdana, Sans-Serif;
   color:white;
   background-color:#669900;
   font-size:1.2em;
   text-transform:uppercase;
   text-align:center;
   margin:0;
   padding:0;
   }

   h3 {
   font-size:1.3em;
   margin:30px 0 0;
   padding:0;
   }

   h1,h1 a,h1 a:hover,h1 a:visited,.description {
   text-decoration:none;
   }

   h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
   color:#333;
   }

   h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
   text-decoration:none;
   }

   .entry p a:visited {
   color:#162983;
   }

   .commentlist li,#commentform input,#commentform textarea {
   font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
   }

   .commentlist li {
   position:relative;
   font-weight:bold;
   list-style:none;
   margin:15px 0 3px;
   padding:5px 10px 3px;
   }

   .commentlist li .avatar {
   position:absolute;
   right:15px;
   border:1px solid #ccc;
   padding:2px;
   }

   .commentlist cite,.commentlist cite a {
   font-weight:bold;
   font-style:normal;
   font-size:1.1em;
   }

   .commentlist p {
   font-weight:normal;
   line-height:1.5em;
   text-transform:none;
   margin:10px 5px 10px 0;
   }

   #commentform p {
   font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
   margin:5px 0;
   }

   .commentmetadata {
   font-weight:normal;
   clear:both;
   display:block;
   margin:0;
   }

   #sidebar {
   font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
   overflow:hidden;
   width:160px;
   float:left;
   text-align:right;
   margin-left:0;
   }

   small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
   color:#333;
   }

   code {
   font-size:1.1em;
   }

   acronym,abbr,span.caps {
   font-size:0.9em;
   letter-spacing:.07em;
   cursor:help;
   }

   a,h2 a:hover,h3 a:hover {
   color:#000066;
   text-decoration:none;
   }

   a:hover {
   color:#147;
   text-decoration:underline;
   }

   #wp-calendar #prev a {
   font-size:9pt;
   padding-left:10px;
   text-align:left;
   }

   #wp-calendar a {
   text-decoration:none;
   display:block;
   }

   #wp-calendar caption {
   font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
   text-align:center;
   width:100%;
   }

   #wp-calendar th {
   font-style:normal;
   text-transform:capitalize;
   }

   #header {
   width:100%;
   margin:0 auto 34px;
   padding:0;
   }

   #header h1 {
   font-size:16px;
   }

   .narrowcolumn {
   float:left;
   overflow:hidden;
   margin:0;
   padding:0 0 10px 15px;
   }

   .post h2 {
   text-align:justify;
   font-size:1.4em;
   margin:0;
   }

   .post h2 a:hover {
   color:#A7A8AA;
   }

   .widecolumn .post {
   margin:0;
   }

   .postmetadata {
   clear:both;
   }

   .widecolumn .postmetadata {
   margin:30px 0;
   }

   #footer {
   width:100%;
   clear:both;
   text-align:center;
   margin:0 auto;
   padding:0 0 0 1px;
   }

   #footer p {
   margin-left:220px;
   margin-top:0;
   }

   hr {
   width:360px;
   margin-left:0;
   }

   h3.comments {
   margin:40px auto 20px;
   padding:0;
   }

   p img {
   margin:0 5px;
   padding:0;
   }

   img.centered {
   display:block;
   margin-left:auto;
   margin-right:auto;
   }

   img.alignright {
   display:inline;
   margin:0 0 2px 7px;
   padding:4px;
   }

   img.alignleft {
   display:inline;
   margin:0 7px 2px 0;
   padding:4px;
   }

   .alignright {
   float:right;
   }

   .alignleft {
   float:left;
   }

   html>body .entry ul {
   margin-left:0;
   list-style:none;
   text-indent:-10px;
   padding:0 0 0 10px;
   }

   html>body .entry li {
   margin:7px 0 8px 10px;
   }

   .entry ul li:before,#sidebar ul ul li:before {
   content:"0BB 020";
   }

   .entry ol {
   margin:0;
   padding:0 0 0 35px;
   }

   .entry ol li {
   margin:0;
   padding:0;
   }

   .postmetadata ul,.postmetadata li {
   display:inline;
   list-style-type:none;
   list-style-image:none;
   }

   #sidebar ul,#sidebar ul ol {
   margin:0;
   padding:0;
   }

   #sidebar ul li {
   list-style-type:none;
   list-style-image:none;
   margin-bottom:15px;
   }

   #sidebar ul p,#sidebar ul select {
   margin:5px 0 8px;
   }

   #sidebar ul ul,#sidebar ul ol {
   margin:5px 0 0 10px;
   }

   #sidebar ul ul ul,#sidebar ul ol {
   margin:0 0 0 10px;
   }

   ol li,#sidebar ul ol li {
   list-style:decimal outside;
   }

   #sidebar ul ul li,#sidebar ul ol li {
   margin:3px 0 0;
   padding:0;
   }

   #searchform {
   font-size:1.2px;
   background-color:#ccff00;
   text-align:center;
   margin:10px auto;
   padding:5px 3px;
   }

   #sidebar #searchform #s {
   width:85px;
   padding:2px;
   }

   #sidebar #searchsubmit {
   padding:1px;
   }

   .entry form {
   text-align:center;
   }

   select {
   width:130px;
   }

   #commentform input {
   width:170px;
   margin:5px 5px 1px 0;
   padding:2px;
   }

   #commentform textarea {
   width:95%;
   padding:2px;
   }

   #commentform #submit {
   float:right;
   margin:0;
   }

   .commentlist {
   text-align:justify;
   margin:0;
   padding:0;
   }

   .nocomments {
   text-align:center;
   margin:0;
   padding:0;
   }

   #sidebar form {
   margin:180px;
   }

   #sidebar a {
   color:#333;
   }

   #pagenav {
   margin:0;
   }

   #sidebar li {
   clear:both;
   }

   #akismetwrap {
   float:right;
   }

   #wp-calendar {
   empty-cells:show;
   width:155px;
   margin:10px auto 0;
   }

   #wp-calendar #next a {
   padding-right:10px;
   text-align:right;
   }

   #wp-calendar td {
   text-align:center;
   padding:3px 0;
   }

   #wp-calendar td.pad:hover {
   background-color:#fff;
   }

   acronym,abbr {
   border-bottom:1px dashed #999;
   }

   blockquote {
   padding-left:20px;
   border-left:5px solid #ddd;
   margin:15px 30px 0 10px;
   }

   blockquote cite {
   display:block;
   margin:5px 0 0;
   }

   .center {
   text-align:center;
   }

   .hrhide {
   display:none;
   }

   a img {
   border:none;
   }

   .navigation {
   display:block;
   text-align:center;
   margin-bottom:30px;
   }

2. naitkat
   Member
   Oct 21, 2007, 1:41 PM

   it would be really helpful if you could post a link to your blog, its not just about CSS but HTML as well.

   Maybe you picked the same color for the search box border as the background so it seems as if theres nothing there, or you changed some padding or margins even if by accident and the search form changed its position.....

3. aliceilcane
   Member
   Oct 23, 2007, 7:32 PM

   thank you

   here's a link

   http://colorepaesaggio.wordpress.com/

4. naitkat
   Member
   Oct 24, 2007, 6:55 PM

   This part causes the problem:

   #sidebar form {
   margin:180px;
   }

   Change it to:

   #sidebar form {
   margin:0;
   }

   I would also add padding rule too, to make it look more consistent across browsers:

   #sidebar form {
   margin:0px;
   padding:0px;
   }

   Of course you don't have to use 0px, just dont set it too big (btw you dont have to write units next to 0 but don't forget to add them with any other number)

5. aliceilcane
   Member
   Oct 24, 2007, 9:28 PM

   thank you!

Topic Closed

This topic has been closed to new replies.