Search box problem

  • Author
    Posts
  • #588095

    almaatl
    Member

    Hi everyone,
    On my blog, before I bought the CSS upgrade, there was a search box that came automatically with my theme, Duster. It was right at the top of the page and went behind part of the title yet you could still see it. I was told there was no way to fix this. So I upgraded to CSS and inserted this:

    #searchform {
    display:none;
    }

    That worked with getting read of the search bar that was introducing on my title. Because I still wanted a search box, but one that didn’t mess anything else up, I tried to add the search widget. And it doesn’t work except for I see a tiny “search” in the side panel.

    THANKS!

    The blog I need help with is georgiastudents.wordpress.com.

    #588352

    timethief
    Member

    Please post the complete and clickable URL for the blog you are referring to starting with http://

    #588353

    almaatl
    Member
    #588356

    The top search box and the one in the widget are controlled by the same ID in the CSS, so you have to specifically target the one in the header (branding) area. Change your CSS to the following.

    #branding #searchform {
    display: none;
    }
    #588447

    almaatl
    Member

    THANKS SO MUCH!

    Another question: I would like to add some dividers on my side bar to separate all the widget from one another. Is there a way to add a vertical black line separating the side bar from the rest of the page and a way to add small lines between each widget to make the page look clearer?

    Thanks again.

    #588448

    The following will add a line to the left side of the sidebar area.

    #secondary {
    border-left: 1px solid #000000;
    margin-right: 40px;
    padding-left: 30px;
    }

    This will add a line below the widgets.

    .widget {
    border-bottom: 1px solid #000000;
    }
    #588449

    Actually, I’ve changed my mind after looking at it. Do the following instead. The following will extend the vertical line down to the end of the posts regardless of the number of widgets in the sidebar.

    #content {
    border-right: 1px solid #000000;
    padding-right: 40px;
    }
    
    .widget {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    }
    #588451

    limberation
    Member

    You realise you guys are tempting me to buy the darn CSS upgrade, don’t you? Not all fair!

    :)

The topic ‘Search box problem’ is closed to new replies.