Support » Themes and Templates » Replacement Confusion

  • Resolved Jayjerome


    In a CSS style sheet I’m tweaking I’m replacing the blog name and the blog description with an image (as in: body{background: url(‘images/graphic.png’) – etc.

    In the style.php file I’ve added the {display: none} instructions to the original #header and #description sections, so that the blog name and description don’t echo on the screen over the background image.

    My question is how much of the original CSS instructions do I have to keep, and what can I take out?

    Can I delete all those width, margin, padding, color, font-size, etc. instructions now that I’m not displaying them, and just use #header h1 {display: none}, etc?

    Here’s the way the code looks now, with {display:none} added:

    #header {width: 45%; float: left; background: transparent; margin: 0 auto; padding: 0;}

    #header h1 {display: none; background: transparent; color: #999; font-size: 2.3em; letter-spacing: 2.3px; margin: 0px; text-align: right; padding: 10px 0px ;}


    #description {display: none; background: transparent; color: #FFADB1; padding-right: 20px; padding-top:10px; font-size: 1.5em; font-weight: bold; margin-left: 0px ; text-align: left;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • I would think that if you include the “display: none;” property in the #header, you would really mangle your blog.

    If you want to get rid of the blog name and description from showing up, just remove the references to it in your site’s theme.
    In WP’s default theme, there’s this in header.php
    <div id="header">
    <div id="headerimg">
    <h1><a href="<?php echo get_settings('home'); ?>/">
    <?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>

    You can remove this:
    <h1><a href="<?php echo get_settings('home'); ?>/">
    <?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?></div>

    and that will remove the blog name and description.
    You could even just remove the whole headerimg div. But we don’t know what theme you’re using, either. you didn’t provide a link.

    citewurker, I think the problem with removing the template tags that generate the title and description is that it makes your site less accessible to text readers and search engine spiders.

    Since I posted the question above, I found this technique in the codex to move the css tags and contents off the web page:

    h1 {position: absolute;
    font-size: 0;
    left: -1000px; }

    I tried it, took out all the other code, and it seems to work OK…

    here’s the url:




    >accessible to text readers and search engine spiders.

    text readers? maybe.

    search engines? no. and the proof is in the googling of village-idiot OR village idiot

    #1 on Google, and I do NOT and have never used a header tag to supply that; my domain name ( minus the .org [on purpose] ) shows up as well.

    thats called using meta tags

    but thats another topic isnt it.

    I guess it’s personal preference.
    I figure if I’m never going to use it, might as well not have it there to confuse me when I go back to look at it. 🙂

    The theme I use didn’t reference the blog name or description in the header.php, but instead had it in a div called #masthead in most of the other theme files like index.php and single.php, etc.
    In this div were the php references for blog name and description. I simply removed them all, because I use a background image only.

    Anyway, like I said before, it kind of depends on the theme that you’re modifying. I responded to your question, because I removed all my blog name and description info about a year ago, but I added meta description and keyword lines into the <head></head> area.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Replacement Confusion’ is closed to new replies.