put image instead of blog title in journalized-winter theme – css included here

  • Hi. I’m using a theme called Journalized-winter at https://www.jakiblue.net and using wp 1.5 See at the top, there is the blue box with the blog title in it? I’d like to have an image there instead, but I’m unsure where I should be putting it in the files.
    In my ‘index.php’ file there is this:
    <?php<br />
    /* Don't remove these lines. */<br />
    $blog = 1;<br />
    get_header();<br />
    ?><br />
    <body><br />
    <div id="headerblock"><br />
    <h1 id="header"><a>"><?php bloginfo('name'); ?></a></h1><br />
    <strong><?php bloginfo('description'); ?></strong><br />
    <p class="centerP">[powered by <a href="https://www.ads-software.com/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform"><strong>WordPress</strong></a>.]<br />
    </div> <!-- headerblock -->

    which is at the very beginning. Should I be putting the image there somewhere? Taking out what’s between <h1 id ="header"> and </h1>?

    Or should I be putting it in another file? I have :
    comments.php
    header.php
    index.php
    leftcolumn.php
    rightcolumn.php
    style.css
    Hope someone can help. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

  • h3 {
    height: 22px;

    background-repeat: no-repeat;
    background-image:url(images/posttopper2.jpg);
    margin-top: 0;
    margin-bottom: 0;
    width:100%;
    font-size:larger;
    font-family: Verdana, Arial, Tahoma;
    text-transform: capitalize;
    color: #552704;
    font-size: 1.25em;
    padding: .6em;
    }

    In the style.css file… That is the code I used to get my desired result. You can see at https://www.whereisjenny.com

    Hope it helps.

    jaki you might want to try creating an image of the required size (826×125) then in the following in your css:


    #headerblock {
    text-align: center;
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    min-width: 120px;
    margin: 0px 210px 20px 190px;
    border: 2px solid #354463;
    color: #e9f2fc;
    background: #7c8aa4;
    padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    font-size: 16px;
    font-weight: 600;
    }

    change background to: background: url(image path to header image); and set a height of 125px

    Thread Starter jakiblue

    (@jakiblue)

    I couldn’t get either to work. When I tried it jenny’s way, I ended up with the image right about the blog title (‘kitten poop’ in this case). And when I tried it Jinsan’s way, I did get the image in the correct place, but it cut half of it off on the right hand side, and the blogtitle info was still there – ‘jakiblue.net….powered by wordpress’ etc.
    I had background: (jakiheader.jpg); as the image was in the same directory as the php files. I’m not sure what you meant by setting the heigh as 125 px – did you mean background: (jakiheader.jpg) height=125px; like that?
    The blog title info I think is coming from the ‘header.php’ file.

    The height and width of a container is controlled separately from the background image. An example is:

    #headerblock {margin:0; padding: 5px; background:url(picture.jpg); width:200px; height:150px.......}

    You have to fill in what you want to make it work.

    You will usually find the background image for the header in 1) the style.css or 2) in the head style references in the header.php file.

    And while I was writing this, you switched Themes, so I gather you’ve found another way of working with this. Good luck.

    Also, regarding an entry on your site, it can take 2 days to 6 months to see your site on the search engines. Do nothing, and it will take 1-4 months. So don’t stress out unless this is your sole source of income. If it is, then hit the books (Internet) and LEARN LEARN LEARN LEARN LEARN how this works. https://www.searchenginewatch.com is the first place I’d start.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘put image instead of blog title in journalized-winter theme – css included here’ is closed to new replies.