WordPress.org

Forums

Pinboard
[resolved] Header (17 posts)

  1. Stenfeldt
    Member
    Posted 2 years ago #

    Hi there.

    I'm using the Pinboard theme and i have a header issue.
    See the site here: http://www.vhg-cykelsport.dk

    How do i get this image to fit in the width and hight?
    And how do i remove search this site?

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    You'll have to modify the theme for this change. Are you using a Child Theme?

  3. Stenfeldt
    Member
    Posted 2 years ago #

    Do you have a walkthough?
    What do you mean about child theme?

  4. Andrew
    Forum moderator
    Posted 2 years ago #

    A Child Theme is a separate directory outside of your theme, that inherits functionality of your theme. A Child Theme is used when adding modifications to themes, by providing an environment whereby changes made will not erase whence the theme updates.

  5. Stenfeldt
    Member
    Posted 2 years ago #

    Well in that case i don't use child theme, but i take backups before changing any files.
    Where can i set the hight and width of the header so theres no space around the image?

    And thanks for helping so far :)

  6. mgarrett0416
    Member
    Posted 2 years ago #

    I also am curious how to avoid space around the header image!
    stenfeldt, you're not alone :)

  7. Off-Limits
    Member
    Posted 2 years ago #

    I'm also wondering the same. I can't find any piece of code in the hearder.php that could refer to a searchform. If I delete the code in the searchform.php though, the searchbox in the header is gone, but also the searchbox in the sidebar.

  8. Off-Limits
    Member
    Posted 2 years ago #

    After a bit of messing around with the style.css I managed to make my header look like I wanted. This is what I did.

    on line 633 #site-title: margin on 0 and 0%

    Then make sure you upload a header image that is larger than the size of the header, so it will resize. Mine is 1145px wide and will always show in the complete width of the header.

    I also removed the searchform.php code and replaced it by a plugin to only show in the sidebar.

    I hope this is of any use

  9. Andrew
    Forum moderator
    Posted 2 years ago #

    If you're curious on how to implement this change without compromising your changes (and the theme you're editing), consider posting your own thread on the issue.

  10. Stenfeldt
    Member
    Posted 2 years ago #

    Hi Off-Limits.

    Could you send a link to your site so i can see how yours look like?
    I'm still messing around with mine...

    Thanks!

  11. Off-Limits
    Member
    Posted 2 years ago #

    Hi Stenfeldt
    This is my site: http://www.off-limits.eu/
    The header looks fine in Chrome, but for some reason not in the other browsers, I'm still trying to figure that out.

    Cheers

  12. Stenfeldt
    Member
    Posted 2 years ago #

    I managed to get it done... :-)
    I found a guide at the developers site...
    Tell me og you want the link.

  13. akmdesign
    Member
    Posted 2 years ago #

    Hi Stenfeldt,

    Your site looks great! I am having the same issue with my header as you had. How did you get your image to take up the entire header space? I have been stumped for hours and would GREATLY appreciate your advice! Thanks!

  14. Stenfeldt
    Member
    Posted 2 years ago #

    Hi Akmdesign.

    I found this tutorial and followed it....

    http://www.mouseclick.com/tutorials-2/adjust-header-image/

    Another link to read:

    http://www.onedesigns.com/support/topic/customize-your-header-tutorial-and-question

    Good tweaking and a happy new year :o)

  15. akmdesign
    Member
    Posted 2 years ago #

    Hi Stenfeldt,

    THANK YOU!!! :) Happy new Year to you as well!

  16. Alexander
    Member
    Posted 2 years ago #

    Altough I'm not with Pinboard any more I'm glad my tutorial:

    How to adjust the header image

    helped you guys.

    Cheers,
    Alexander

    [Mod note - signature and unnecessary multiple links removed per forum guidelines]

  17. mrproza
    Member
    Posted 2 years ago #

    Go to: Appearance -> Theme Options -> Layout
    In section Custom CSS enter following:

    #site-title {
    margin:0;
    line-height:0;
    float:top;
    }
    
    #social-media-icons {
    float:right;
    margin-top:0;
    }
    
    #header input#s {
    margin-top:0;
    }
    
    #header #searchform {
    float:top;
    margin-top:0;
    }

    Thank you to Alexander!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags