search bar disappeared

  • Author
    Posts
  • #155493

    aliceilcane
    Member

    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;
    }

    #155743

    naitkat
    Member

    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…..

    #155821

    aliceilcane
    Member

    thank you

    here’s a link

    http://colorepaesaggio.wordpress.com/

    #155826

    naitkat
    Member

    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)

    #155827

    aliceilcane
    Member

    thank you!

The topic ‘search bar disappeared’ is closed to new replies.