Support » Themes and Templates » Making banner clickable, remove unnecessary white space?

  • Hi people!

    So, I have a little issue. First of all, here’s the site I need help with:

    What I want to do is to make my banner clickable, so you can always get to the main page of the blog. Also, I’d like to make that huge white space over my logo less.. huge. I want it the same distance that you see between the banner and the “home” button below.

    There’s a screencap for those who need it.

    Here’s the header code:

     * Header Template
     * @package Hybrid
     * @subpackage Template
    hybrid_doctype(); ?>
    <html xmlns="" <?php language_attributes( 'xhtml' ); ?>>
    <head profile="<?php hybrid_profile_uri(); ?>">
    <title><?php wp_title( '' ); ?></title>
    <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" />
    <?php hybrid_head(); // Hybrid head hook ?>
    <?php wp_head(); // WP head hook ?>
    <body class="<?php hybrid_body_class(); ?>">
    <?php hybrid_before_html(); // Before HTML hook ?>
    <div id="body-container">
    	<?php hybrid_before_header(); // Before header hook ?>
    	<div id="header-container">
    		<div id="header"> <img src=""></div><!-- #header -->
    	</div><!-- #header-container -->
    	<?php hybrid_after_header(); // After header hook ?>
    	<div id="container">
    		<?php hybrid_before_container(); // Before container hook ?>
    		<?php hybrid_content_wrapper( 'open' ); // Deprecated.  Will be removed later. ?>

    I hope there’s someone who can help me out with this.. I feel pretty stuck!



Viewing 3 replies - 1 through 3 (of 3 total)
  • To change the space above your banner, look in screen.css and change #body-container { margin: 90px to something lower.

    To make your banner clickable, either use <a href="<?php bloginfo('home') ?>"><img src="" /></a> or <img src="" onclick="document.location='<?php bloginfo('home'); ?>/'" />

    Amaaaaazzzing! Thanks a lot!

    I’ve got another question: the spacing between paragraphs is a bit too big. How do I go about changing it?

    p { margin:0 0 21px; } change 21px to something lower, Firebug is great for checking things like these 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making banner clickable, remove unnecessary white space?’ is closed to new replies.