WordPress.org

Ready to get started?Download WordPress

Forums

Adding a Background Image (2 posts)

  1. ppragados
    Member
    Posted 7 years ago #

    Site here

    I've searched through the support for codes to replace my style sheet header code but none of them worked. Either It created a repeating pattern all over the place (not just in headerand threw off placement of nav) even though it says "repeat:no repeat" or it goes to the far left. Also I want to keep the format and the title along with the description. I just want to add a background in the back of all of that in the header.

    Also, if need be I'd love to make the header a little bigger length wise. But want to fill up the width.

    I've looked at the Designing a Header, but it didn't quite work out. Any pointers are greatly appreciated!

    thanks in advance

    ps:my style sheet header code

    #header {
    background: #FFFFFF;
    width: 960px;
    margin: 0px auto 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    border-top: 5px solid #658DB5;
    text-transform: uppercase;
    }

    #header a {
    font-family: Times New Roman, Helvetica, Sans-Serif;
    font-size: 48px;
    color: #333333;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    text-transform: uppercase;
    }

    #header a:hover{
    color: #333333;

  2. 4k
    Member
    Posted 7 years ago #

    This is how I added an image to my header, you would of course want to change to no-repeat

    #sitename {background : url(images/header.png) repeat-x;
    color:#ffffff;
    height:138px;
    margin:0 20px 10px;
    text-align:left;
    }

    What I did was upload the image to the image file, and change the height parameter to fit the image, well I also changed the padding of the site description so it didn't go right over the image.

Topic Closed

This topic has been closed to new replies.

About this Topic