WordPress.org

Forums

Customize header & stylesheet...please help;0) (10 posts)

  1. AriesRaine
    Member
    Posted 7 years ago #

    i have a couple of questions being new to WordPress...

    1. How come when i change the color, size or the font itself in the style sheet, the changes don't display on my page?

    2. How do i change the picture of a header?

    Check out my page at http://www.aries-raine.com/blog to see what i mean

    Here is the code, but i don't know what to change to upload my own photo

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">

    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>
    </head>
    <body><div id="container">

    <?php get_sidebar(); ?>

    <?php include (TEMPLATEPATH . '/topmenu.php'); ?>

    <div id="container-page"><div class="page">

    <?php include (TEMPLATEPATH . '/leaderboard.php'); ?>

  2. ShEeNitCh
    Member
    Posted 7 years ago #

    2. How do i change the picture of a header?
    Are you talking about changing the logo?

  3. ShEeNitCh
    Member
    Posted 7 years ago #

    to upload, you go to write. Then you'll see where to upload from there. After it's done, you click on send to editor, form there you'll see the image on visual then next to that you'll see code click on that. When you see the code that looks like:

    a href="http://dogwooddistrict.com/wp-content/uploads/2008/04/capj4gwd.jpg" title="capj4gwd.jpg"><img src="http://dogwooddistrict.com/wp-content/uploads/2008/04/capj4gwd.jpg" alt="capj4gwd.jpg" />....

    only copy the url code of the image. "http://..............jpg"

    Then you go to presentation, then to theme editor. For the header, you look for this:

    #header .sitehead-left {
    width:50%;
    float:left;
    margin:0;
    padding:0;
    background:url(________________________________) top left no-repeat;
    height:150px;
    }

    then you paste it on the background..where I placed a blank space. You'll have to change the code that was there before, and replace it with the one you copied.
    if the size of your image is too big, you can adjust the space.
    width:50%;
    height:150px;

    I hope this helps! =)

  4. boober
    Member
    Posted 7 years ago #

    its much easier to just give your new header image the same name as your current header image and replace the current one with the new one.

  5. ShEeNitCh
    Member
    Posted 7 years ago #

    but you'll still have to upload it. . .

  6. boober
    Member
    Posted 7 years ago #

    but you'll still have to upload it. . .

    obviously. theres a much smaller margin of error that way than what you suggested.

  7. AriesRaine
    Member
    Posted 7 years ago #

    When i go to WRITE. Do i click on the photo image to upload a pic? When i do that, it displays as a post or a page. That's the only option i see to upload media.

    When i use a FTP to upload the pic (the one i renamed), the old one still displays even though i deleted the old one first.

  8. AriesRaine
    Member
    Posted 7 years ago #


  9. Breno Nunes
    Member
    Posted 7 years ago #

    When i use a FTP to upload the pic (the one i renamed), the old one still displays even though i deleted the old one first.

    I had the same problem so here´s what I´d suggest:

    1 - Check if your header image is the same width and height specified on the header.php, if not, change these values wherever they are in the archive header.php to the ones presented in the image you want to upload.

    2 - You must ALSO change the name of the old header image in the archive header.php. For instance, you named your new header as "header_1.jpg" and correctly uploaded it to your blog´s directory, so now you must modify whatever codes you have in your header.php that may be redirecting to the old header image. In other words, if you have in your header "header image 2", "header image 3", you have to change all of these numbers to "1". I´m no pro, but that worked for me. Good luck!

  10. boober
    Member
    Posted 7 years ago #

    the new header image is showing on your site for me. you may have to hit refresh a few times or clear your browser cache before you see it

Topic Closed

This topic has been closed to new replies.

About this Topic