WordPress.org

Ready to get started?Download WordPress

Forums

Making banner clickable, remove unnecessary white space? (4 posts)

  1. simonsjostrom
    Member
    Posted 4 years ago #

    Hi people!

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

    http://simonsjostrom.se/spanien

    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.

    http://img228.imageshack.us/img228/20/lalaab.jpg

    There's a screencap for those who need it.

    Here's the header code:

    <?php
    /**
     * Header Template
     *
     * @package Hybrid
     * @subpackage Template
     */
    
    hybrid_doctype(); ?>
    <html xmlns="http://www.w3.org/1999/xhtml" <?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 ?>
    
    </head>
    
    <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="http://i29.photobucket.com/albums/c260/cinna-mon/blahblah.png"></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!

    Thanks,

    Simon

  2. Adam Harley
    Member
    Posted 4 years ago #

    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="http://i29.photobucket.com/albums/c260/cinna-mon/blahblah.png" /></a> or <img src="http://i29.photobucket.com/albums/c260/cinna-mon/blahblah.png" onclick="document.location='<?php bloginfo('home'); ?>/'" />

  3. simonsjostrom
    Member
    Posted 4 years ago #

    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?

  4. Adam Harley
    Member
    Posted 4 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.