Different top padding/margin for content and widget on static page

Branislav · #1 Apr 22, 2014, 10:36 AM

Hello.

My web site is http://www.plavinci.rs

I have created a new main template for the static page with new sub-template for header and a new widget area. The code is below. I have not changed any CSS, other than replace the font with the one that has latin/extended character set.

There is a lot of space between content area and the header, more than between the widget area and the header. I am resolving this for the moment by placing text widget as a first one in the static page widget area and making a few <p> lines, through trial and error, to eaven the space.

The space is too large anyway - I would like the page title to be closer to the header.

What code should I change and in what file?

Thanks

Main template code:

HTML Code:

<?php bfa_get_template_part( 'header2' ); ?>

<div id="main" class="row">
	
	<div id="content" class="col8">
		
		<div id="post-<?php the_ID(); ?>" <?php post_class('cf'); ?>>

            <h1>
				<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" rel="bookmark"><?php the_title(); ?></a>
				<?php bfa_comments_number(); ?>
			</h1>

			<div class="post-bodycopy cf">
				<?php the_content(); ?>
				<?php wp_link_pages( array( 
					'before' => __( '<p class="post-pagination">Pages:', 'montezuma' ), 
					'after' => '</p>'
				) ); ?>
			</div>

			<?php edit_post_link( __( 'Edit', 'montezuma' ) ); ?>

		</div>
		
		<?php comments_template( '', true ); ?>
		
	</div>
	
	<div id="widgetarea-fp" class="col4">
		<?php dynamic_sidebar( 'Widget Area Front Page' ); ?>
	</div>
		
</div>

<?php get_footer(); ?>

Sub/template for the header (header2) code:

HTML Code:

<div id="banner-bg" class="cf">
	
    <div id="banner" class="row">
  		<div id="logo-area" class="col5">
			<<?php bfa_if_front_else( 'h1', 'h3' ); ?> id="sitetitle">
				<a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a>
			</<?php bfa_if_front_else( 'h1', 'h3' ); ?>>
			<p id="tagline"><?php bloginfo( 'description' ); ?></p>
		</div>
		<?php wp_nav_menu( array( 
			'container' => 'nav', 
			'container_class' => 'menu-wrapper col7', 
			'container_id' => 'menu1-wrapper', 
			'menu_id' => 'menu1', 
			'menu_class' => 'cf menu', 
			'theme_location' => 'menu1', 
			'fallback_cb' => 'bfa_page_menu' 
		) ); ?>
	</div>
    <div id="banner" class="row">
      <img src="http://www.plavinci.rs/wp-content/uploads/2014/04/2012.07.18_17.55.38-Indigo.Hills_.web_.jpg" alt="" width="960" height="250" />
    </div>   
</div>