WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [elegant-box Theme] Adding a logo (5 posts)

  1. iceman2008
    Member
    Posted 4 years ago #

    I am using elegant-box theme with my blog and would like to add a logo to my blog. Elegant-box theme can be found at http://wordpress.org/extend/themes/elegant-box.

    I have kind of worked out what to modify in the header.php file to publish the logo (code below) but don't know how to remove the horizontal bar on the next hand side of the logo and to add extra horizontal space in the header area where the logo will go.

    <div id="header">
    <div class="inner">
    <div class="content">
    <div class="caption">
    <h1 id="title">
    /" title="<?php bloginfo('description'); ?>">
    <?php //bloginfo('title'); ?>
    <img src= "http://www.mywebsite.com/wp-content/themes/elegant-box/images/mysite_logo.png" border= 0>

    </h1>
    <div id="tagline"><?php bloginfo('description'); ?></div>
    </div>

    Thanks for help.

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    A link to your site would help.

  3. iceman2008
    Member
    Posted 4 years ago #

    Hi Esmi,

    Here is the link to the site: http://www.channel321.com/

    Waiting to hear.

  4. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    in style.css:

    #header .caption {
    	float:left;
    	border-left:5px solid;
    	padding:1px 0 2px 10px;
    	margin-top:8px;
    }

    remove 'border-left:5px solid;'

    not too sure where your horizontal space is supposed to come from?
    you could adjust a few numbers, for instance:

    #header .caption {
    	float:left;
    
    	padding:0px 0 5px 0px;
    	margin-top:4px;
    }
  5. iceman2008
    Member
    Posted 4 years ago #

    @alchymyth. Thanks.

    I was able to remove the border.

    As suggested,I will play around with padding to see if this gives me extra horizontal space.

Topic Closed

This topic has been closed to new replies.

About this Topic