Need help? Check out our Support site, then


Search box problem

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

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

  3. 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;
    }
  4. 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.

  5. 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;
    }
  6. 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;
    }
  7. You realise you guys are tempting me to buy the darn CSS upgrade, don't you? Not all fair!

    :)

Topic Closed

This topic has been closed to new replies.

About this Topic