Changing Location of Blog Name

  • Below is part of what is in my header.php file. I would like to change the location of the blog name, it’s a big too low on the page. How would I go about doing that?

    <div class="top">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a><span style="display: inline; padding: 0 0 0 160px;"><a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/home.gif" alt="Home" title="Home" /></a>&nbsp;<a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/rss.gif" alt="RSS Feed" title="RSS Feed" />
Viewing 15 replies - 1 through 15 (of 20 total)

  • Add below rules in style.css.

    .top h1{position:relative;}
.top h1 a{
position:absolute;
left:20px;
top:10px;
}

    Replace left and top value with position you want.

    Thread Starter ausrmusings

    (@ausrmusings)

    Thank-you for the quick reply, I’m still working on it until it’s time for World of Warcraft tonight. ??

    That new bit of code changed more than the header, as there are numerous things it seems that use h1 in the style.css … it already had this, as well: https://studioreflections.com/ausrmusings/

    .top {
    background: #fff url(‘images/top.gif’) no-repeat top center;
    margin: 0 auto;
    height: 155px;
    width: 886px;
    text-align: center;
    padding: 6px 0 0 0;
    }

    Try this:

    <div id="header">
<h1><a href="https://studioreflections.com/ausrmusings/">.ausr. musings underground</a><span style="display: inline; padding: 0 0 0 160px;"><a href="https://studioreflections.com/ausrmusings/"><img src="https://studioreflections.com/ausrmusings/wp-content/themes/blackcherry/images/home.gif" alt="Home" title="Home" /></a>&nbsp;<a href="https://studioreflections.com/ausrmusings/?feed=rss2" title="Syndicate this site using RSS">
<img src="https://studioreflections.com/ausrmusings/wp-content/themes/blackcherry/images/rss.gif" alt="RSS Feed" title="RSS Feed" />
</a></span></h1>
<div class="description">by Studio Reflections</div>
<div class="top">

    style.css

    #header{position:relative;}
#header h1{
position:absolute;
left:20px;
top:10px;
}

    Thread Starter ausrmusings

    (@ausrmusings)

    That worked for the blog title, thank you! ?? But, somehow it also managed to move “About” and “She Is Random” up higher. They are supposed to sit lower. Could you also tell me how to move them down, please?

    You MUST edit header.php.

    <div id="header">
<h1><a href="https://studioreflections.com/ausrmusings/">.ausr. musings underground</a><span style="display: inline; padding: 0 0 0 160px;"><a href="https://studioreflections.com/ausrmusings/"><img src="https://studioreflections.com/ausrmusings/wp-content/themes/blackcherry/images/home.gif" alt="Home" title="Home" /></a>&nbsp;<a href="https://studioreflections.com/ausrmusings/?feed=rss2" title="Syndicate this site using RSS">
<img src="https://studioreflections.com/ausrmusings/wp-content/themes/blackcherry/images/rss.gif" alt="RSS Feed" title="RSS Feed" />
</a> </span></h1>
<div class="description">by Studio Reflections</div>
<div class="top">
<div class="star">
<ul>
<li class="page_item page-item-42"><a href="https://studioreflections.com/ausrmusings/?page_id=42" title="About">About</a></li>
<li class="page_item page-item-2"><a href="https://studioreflections.com/ausrmusings/?page_id=2" title="She Is Random">She Is Random</a></li>
</ul>
</div>
</div>
</div>

    Thread Starter ausrmusings

    (@ausrmusings)

    I think we’re getting close, but no potatoes just yet. ?? You can see the block of white space on the bottom of the header?

    https://studioreflections.com/ausrmusings/

    Delete duplicated codes:

    <div class="description">by Studio Reflections</div>
<div class="star">
<ul>
<li class="page_item page-item-42"><a href="https://studioreflections.com/ausrmusings/?page_id=42" title="About">About</a></li>
<li class="page_item page-item-2"><a href="https://studioreflections.com/ausrmusings/?page_id=2" title="She Is Random">She Is Random</a></li>
</ul>
</div>

    These code are added after my code above.

    Thread Starter ausrmusings

    (@ausrmusings)

    I wish I could attach the header.php file here. The original code is a mess, and although I love Dreamweaver, it doesn’t clean up the code without numerous errors. Still looking through it, based on your last note.

    Thread Starter ausrmusings

    (@ausrmusings)

    Okay, duplicate code deleted, but the “by Studio Reflections” and the “About” and ” She Is Random” are still raised up higher than originally. Also, if you open up to full monitor width, the title and RSS and Home icons now move way to the left. Oh dear…

    Drop the code for your header.php in https://wordpress.pastebin.ca/ and paste the url here. I’ll clean up the code.

    Thread Starter ausrmusings

    (@ausrmusings)

    https://wordpress.pastebin.ca/1771347

    thank you

    Thread Starter ausrmusings

    (@ausrmusings)

    https://wordpress.pastebin.ca/1771350

    here is my style sheet if that is any help to you

    Try this:

    header.php:
    https://wordpress.pastebin.ca/1771387

    style.css:
    https://wordpress.pastebin.ca/1771389

    Thread Starter ausrmusings

    (@ausrmusings)

    I got this… but, thank you for trying.

    Parse error: syntax error, unexpected T_DNUMBER in /data/22/2/8/28/2008843/user/2197617/htdocs/ausrmusings/wp-content/themes/blackcherry/header.php on line 35

    I modified after line 64 in header.php.

    Your header.php is the same as https://wordpress.pastebin.ca/1771387 ?
    and save in UTF-8 format?

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Changing Location of Blog Name’ is closed to new replies.