WordPress.org

Ready to get started?Download WordPress

Forums

Header and comment problems (help) (8 posts)

  1. JustKat
    Member
    Posted 10 years ago #

    I've been looking at this all day and I simply cannot figure out how to do this so please speak slowly and use small words. I've been following the tutorials all day but I'm just not getting it. If anyone could look at the site and help me out I'd really appreciate it. My address is http://www.mostlyfluff.com
    The layout-css is a download from Alex's site called 'buddha'. I managed to change the colors, move the menu over and change the picture on the page out but I simply cannot figure out how to change the header.
    At this point the last 'f' in Fluff is partially cut off. I'd like to remove that all together and replace it with a graphic that says Mostly Fluff but this stylesheet doesn't look anything like the default. The only thing under header is:
    #header {
    position: absolute;
    top: 10px;
    left: 5%;
    }
    I also can't figure out how to remove the cat picture out of the comments box. The stylesheet in it's entirety is on a thread a few posts below started by me.
    I feel like a boob but I'm at my wits end.

  2. Mark (podz)
    Support Maven
    Posted 10 years ago #

    You can change the header to what you wish, and include a graphic.
    #header {
    background: #fff;
    background-image: url('');
    border: solid 1px #ff0000;
    font: italic normal 230% 'Times New Roman', Times, serif;
    letter-spacing: 0.2em;
    margin: 0;
    padding: 15px 10px 15px 60px;
    }
    That will give you a box with a red outline (just so you can see the edges) and put the location of your image in between the ''
    The blog title will be displayed in there, and will be the size and font indicated.
    If you don't want the blog title, and just want the image, edit the index, and remove <?php bloginfo('name'); ?> from this line:
    <h1 id="header">" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></h1>

  3. Mark (podz)
    Support Maven
    Posted 10 years ago #

    For the comments, try this (not sure it will work, but it should in principle)
    Open up wp-comments-popup.php
    find this near the top
    @import url( wp-layout.css );
    body { margin: 3px; }
    </style>
    and add this:
    body {background-color: #fff;}
    to make
    @import url( wp-layout.css );
    body { margin: 3px; }
    body {background-color: #fff;}
    </style>
    I think that will cover over the image.

  4. JustKat
    Member
    Posted 10 years ago #

    I had to tweak what you gave me just a little bit to get the graphic lined up where I want it but I think it looks okay now. I'll try the comment thing out over the weekend - I've had about all of the exposure to new things that I can possibly stand.
    Thanks a million. I really do appreciate all of your help.

  5. JustKat
    Member
    Posted 10 years ago #

    I couldn't stand it so I tried to cover the comment. That didn't have any effect at all. Surely there has to be some sort of code to have an image anchored to the main page but not in the comments?

  6. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Sorry that last thing didn't work ..
    There is, at the top of the source of the popup, this
    <body id="commentspopup">
    So ... adding this to the css should work:
    #commentspopup {
    background-color: #fff;
    }

  7. JustKat
    Member
    Posted 10 years ago #

    It had no effect.

  8. Mark (podz)
    Support Maven
    Posted 10 years ago #

    Using the Firefox EditCSS, I cannot alter the commentspopup page, which is unusual - I can do everything I want to your main page.
    But I cannot see *why* I can't.
    Can anyone else here help out ?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.