[resolved] Header space above/below (6 posts)

  1. ribbit0608
    Posted 3 years ago #

    With the most recent update a few of my css "fixes" no longer fixed some things. The one problem I have not been able to solve is the extra white space above and below the header image. I have tried css adjustments to the wrapper and site-title and site-description, but nothing has worked. I want the white margin to be very slim so that the drop-down menu is all visible.

    My site: http://amishcraftsmenguild.com/

    Another issue, I know that I.E. is a mess with Pinboard, but my employer insists on our site being compatible with it. Now suddenly my header image width is fine in all browsers except I.E. The image is cut off on the right.


  2. Dhruv Kar
    Posted 3 years ago #

    Hi ribbit0608,

    Header image:
    The header image is larger than the column width right now.
    Try resizing the image below to 900px (right now its at 960px) in width using a photo editing software and then re-uploading and applying it as your header image:
    See if that helps the IE issue.

    Working on the other issue and will get back to you.

  3. paul.a.cunn
    Posted 3 years ago #

    Your site title image has a top and bottom margin. You don't need to resize your image, all you have to do is add this little tid bit of css and it should do what you want.

    #site-title img {
    margin: 0;
  4. ribbit0608
    Posted 3 years ago #

    Thanks, Paul - that "tid bit" worked!

  5. alexa.noble
    Posted 3 years ago #

    I'm sorry but I don't understand where i should put this.

    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <meta charset="<?php bloginfo('charset'); ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><?php wp_title(); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>

    <body <?php body_class() ?>>
    <div id="wrapper">
    <header id="header">
    <<?php pinboard_title_tag( 'site' ); ?> id="site-title">
    <?php if ( ( '' != get_header_image() ) && ( false != get_header_image() ) ) : ?>
    " rel="home">
    <img src="<?php header_image(); ?>" alt="<?php bloginfo( 'name' ); ?>" width="<?php echo ( pinboard_get_option( 'retina_header' ) ? absint( get_custom_header()->width / 2 ) : get_custom_header()->width ); ?>" height="<?php echo ( pinboard_get_option( 'retina_header' ) ? absint( get_custom_header()->height / 2 ) : get_custom_header()->height ); ?>" />

    <?php endif; ?>
    " rel="home"><?php bloginfo( 'name' ); ?>
    </<?php pinboard_title_tag( 'site' ); ?>>
    <?php if( ! is_active_sidebar( 1 ) ) : ?>
    <<?php pinboard_title_tag( 'desc' ); ?> id="site-description"><?php bloginfo( 'description' ); ?></<?php pinboard_title_tag( 'desc' ); ?>>
    <?php endif; ?>
    <?php get_sidebar( 'header' ); ?>
    <div class="clear"></div>
    <nav id="access">
    Show Navigation
    Hide Navigation
    <?php wp_nav_menu( array( 'theme_location' => 'primary_nav' ) ); ?>
    <div class="clear"></div>
    </nav><!-- #access -->
    </header><!-- #header -->

  6. falsos amigos
    Posted 2 years ago #

    In Theme Options -> Layout -> Custom CSS

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic