WordPress.org

Ready to get started?Download WordPress

Forums

Bouquet
Header Image & Links plus search bars (16 posts)

  1. SickSquirrel
    Member
    Posted 5 months ago #

    I need to change the header image. I looked through header.php but no reference to it. I went through the index and other files but can't locate it. Which file do I edit to change the .png to newheader.jpg?

    I also need to change the header links Home & Sample Page to my own links. Which file do I edit?

    Lastly,I show 2 search boxes. I commented out the one I found in sidebar.php but there is a large space above it.

    Why it appeared twice I don't know as well as it appears yet I commented it out

    <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
    	<div id="secondary-wrapper">
    
    <!--		<div id="search-area">
    			<?php get_search_form(); ?> -->
    
    	</div>
  2. SickSquirrel
    Member
    Posted 5 months ago #

    Found the Header menu links. Cross that out :)

  3. You can normally change the header graphic through your dashboard, under Appearance > Header. Unless you want to do something special, there's no need to edit the theme files.

    I also need to change the header links Home & Sample Page to my own links. Which file do I edit?

    Found the Header menu links. Cross that out :)

    Glad you found the links. Just in case it helps someone reading this thread in the future, I'll mention that you don't need to edit theme files to change the links in your menu. The simplest option is to let WordPress create a default menu for you. As you create new pages, they will get added to the menu automatically. To remove the Sample Page item in the menu, just delete that page through your dashboard, or rename it to something else.

    The second way to get your menu looking as you'd like is to create a custom menu, which lets you do things like add links to categories or archives, or external URLs.

    Lastly,I show 2 search boxes. I commented out the one I found in sidebar.php but there is a large space above it.

    Why it appeared twice I don't know as well as it appears yet I commented it out

    To help you troubleshoot that, could you please provide a link to your site so I can take a look? Thanks.

  4. SickSquirrel
    Member
    Posted 5 months ago #

    Thanks. Header I found after I posted but I couldn't get here to post. I'd rather not post the URL. From the code I pasted, do you see any blank space?

    As far as header links, if I create a custom menu, how do I tell WP where to place it? Or if I choose to keep what's there, I just copy the current link ... but how did Home get there is not a page? I can add links but where is the Home ink?

  5. SickSquirrel
    Member
    Posted 5 months ago #

    err, Home link, not ink.

  6. From the code I pasted, do you see any blank space?

    Unfortunately it's not possible to troubleshoot blank space from just that code snippet - I'd need to see both the browser source and the CSS.

    As far as header links, if I create a custom menu, how do I tell WP where to place it?

    It will go in the spot that the theme designates for the menu, in the same spot where the default menu would display. In Bouquet, the menu is below the header graphic, which I've circled in the screenshot here:

    https://cloudup.com/ctQpl0x0bjs

  7. To troubleshoot further I'd need to see the site, so if you change your mind and post the link, just let me know. You could post it without http:// so it won't be a live link and won't be spidered by search engines.

  8. SickSquirrel
    Member
    Posted 5 months ago #

    Thank you. I found the header links menu so that's behind us. Whew! As for the URL, it's not search engine bots but the general public I'm hiding it from :). I like sites to be complete before unveiling. It's a quirk of mine. I'd be glad to share it privately or I can just paste sidebar.php here. I can't see why the search box appeared twice. I commented out the only reference to it I could find yet it remains. I'm sure it's just hidden in code.

  9. I just noticed that you haven't commented out the PHP form function in your first code chunk - sorry I didn't look at that closely enough the first time. :-)

    This:

    <?php get_search_form(); ?>

    Needs a PHP comment tag in front of the function:

    <?php //get_search_form(); ?>

    HTML comment tags aren't enough to comment out a piece of PHP. Let me know if this does the trick!

  10. Also be sure to comment out both the opening and closing div tags around the PHP. So the whole thing would look like this:

    <!-- <div id="search-area"> -->
    <?php //get_search_form(); ?>
    <!-- </div> -->
  11. SickSquirrel
    Member
    Posted 4 months ago #

    Thank you! I have to do a little research to see which site this deals with. I have no memory so can't recall. I need to use initials in my posts to remind me :)

    Back in a few (I hope)

  12. SickSquirrel
    Member
    Posted 4 months ago #

    Nope. Space bar still has a large space above it. Maybe it is coded to be that way? It looks lopsided

  13. Sorry that didn't help. If you decide to make the site public at some point, let me know and I'll be glad to take another peek so I can see all the HTML and CSS in place.

  14. SickSquirrel
    Member
    Posted 4 months ago #

    I'll be glad to post any code you need. I just checked the original

    http://wordpress.org/themes/bouquet

    See two search boxes? I deleted the top one. But the bottom has a space above it so it's not my coding error. Whew.

    It's lopsided with that space. If I could put in text of SEARCH BOX (which is needed) in that space, all would be right. I'm just not sure where to place it.

  15. Is this the space you're trying to reduce?

    https://cloudup.com/c6KWw9g24QA

    The search box is aligned with the top of the post title in the main column, but if you'd like to move it up you can use CSS like this:

    #search-3 {
         margin-top: -20px;
    }

    You'll need to modify the number 3 to reference the ID of the widget on your own site, which you can find by viewing the source code. You can adjust the -20px as you like.

  16. SickSquirrel
    Member
    Posted 4 months ago #

    Ah, I should have come here first! I see it aligned but that space still looks odd. I thought the text would fill in the space as well as identify it. I'd not have to edit .css, the space would be filled in and identified. It just sounds simpler

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.