Need help? Check out our Support site, then


Search Bar Locations

  1. Anybody know how to remove the "Search Bar"? I don't know if it's s Theme issue. Except you also find this Search Bar in the Widgets section. But with Widgets you have the option of adding or removing the Search Bar if you don't want to keep it there. But for some reason, the Search Bar I'm stuck with apears in my header and it's redundant to have it there.

    Thanks

    The blog I need help with is www.suprememaker.com.

  2. The blog you specified at http://www.suprememaker.com does not appear to be hosted at WordPress.com.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. My link to my blog thus far http://www.suprememaker.com

  4. You have a self-hosted WordPress blog and are in the wrong forum. Please read the rest of the supportbot's message.

    You are currently in a forum for blogs hosted by WordPress.com our answers will not apply to your situation. Thank you and good luck.

  5. I was also just looking for a way to remove the search box from my blog. or if that is not possible a way to move it to a different location where it does not overlay with my menus.

    my blog link is http://rossdansby.wordpress.com/

    thank you for your help,

    r

  6. That is a widget. If you don't want it there, put a blank text widget into the right top sidebar location at appearance > widgets.

  7. @rossd2002, in your case, you are using the Imbalance 2 theme and you can remove the search box by customizing the "Header Area" on your Appearance → Widgets page. For example, if you want that area to show nothing, add an empty text widget.

  8. Also, you have moved the menu items to the right in a way that makes rectangular area from the original menu position across the entire header area to where the menu items are and that will likely cause issues for your visitors if they happen to click in the whitespace in between.

    Add the following to your CSS to fix this.

    #header-left {
    float: right;
    padding-right: 20px;
    width: 150px;
    }
    
    .menu ul a {
    padding-left: 0;
    }
  9. well now dont i feel like a fool. i was trying to do something in CSS (and im a rook so i dont know anything in that language). and all i had to do was add a simple widget.

    you all are awsome!

    -r

  10. Ok because you all were so helpfull fixing my problems and even problems I did not know I had (thank you thesacredpath) last time im going to pester you all with two more little questions. the current state of my blog is

    http://rossdansby.wordpress.com/

    1) how do I get rid of most of that awakard empty space between my header and the line right above my posts?

    2) is there a way to make the image i am using for my title longer to take up some of the space between its current location and the column of page links i have on the right side of the page?

  11. 1) Try this:

    #header {
    padding-bottom: 0px;
    }
  12. 2) Is the end goal to extend the clickable area, or do you really want to add a larger image?

    To make the clickable area wider, try this:

    #header-image-link {
    height: 170px;
    width: 720px;
    }
  13. the end goal would be to make the image wider, not really any taller just wider. i have tried making the image wider in photoshop but that does not seem to work. wordpress seems to be making me crop it down. so im guessing maybe there is some code in CSS that is forcing "white space" around it?

    does this make since?

  14. also if anyone could recomend a good book/website for little kids (to css at least) i would be gratefull!

  15. The WordPress header function will always use the original image size. To use a larger image, you have to put the image in via the CSS instead.

    Upload the image to your media library and then post a link to it here in this thread and we can help get it in there for you.

  16. I'm getting a 404 file not found on that URL.

  17. That image is the same size as the one currently in your header area. 210 x 170

  18. header.png is 4861px x 1250px.

  19. This one's good: http://rossdansby.files.wordpress.com/2012/01/header.png

    To make it really big, try this:

    #header {
    padding-bottom: 10px;
    }
    #header-image-link {
    height: 180px;
    width: 700px;
    background: url(http://rossdansby.files.wordpress.com/2012/01/header.png?h=180) no-repeat;
    }
    #header-image-link img {
    display: none;
    }
  20. i just made this one on AI and its should be 1000px by 300xp

    http://rossdansby.files.wordpress.com/2012/01/header-2

  21. Nope, it comes out at 2864 x 734.

    Do the "save for web and devices" from the file menu instead of just doing a save. That will set it at 72DPI and optimize it for the web.

  22. BTW, with a 1000px wide header image (the site is only 960px wide) what do you intend on doing with the navigation as there won't be any place for it?

    750px in width is about all you have to work with as far as width.

  23. You need to download the image I created and the upload it to your own media library and replace the URL between the double quote marks in the background declaration below.

    Image Link: http://flippintestblog.files.wordpress.com/2012/01/header-2-opt.png

    #header-image-link {
    background: url("http://flippintestblog.files.wordpress.com/2012/01/header-2-opt.png") no-repeat scroll 0 0 transparent;
    width: 750px;
    }
    
    #header-image {
    display: none;
    }
  24. Actually, replace the first bit of code with this instead.

    #header-image-link {
    background: url("http://flippintestblog.files.wordpress.com/2012/01/header-2-opt.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    overflow: hidden;
    width: 750px;
    }

    And I expect you would like to move the content up closer to the header image.

    #header {
    padding-bottom: 0;
    }
  25. you people rock!

    thank you so much for all of your help, it looks great!!

  26. You are welcome. Make sure and download that image and upload to your media library and change out the URL since I regularly clear out the media library on my test blog.

Topic Closed

This topic has been closed to new replies.

About this Topic