CSS guru needed….

  • Hey folks, thanks for stopping by.

    I have downloaded, implemented, and hacked around with the “Gila” theme. I am pretty comfortable, CSS-wise, with changing fonts, colors, sizes, etc…but I have no clue how to go about replacing the header information (all text now) with a header image.

    Ideally, I would like to keep the header area the darkish blue color you see, but have that be the background for an image (the entire image would be a link back to the main page). Could anyone sugest the code I would use to make this work? I realize that since the page is not a fixed-width, it might cause some trouble, but I just planned on making the image left-aligned, and letting there be some empty colored space on the right if someone is using a huge monitor.

    My URI is https://kendallball.net

    Thanks for the input,
    gball

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

  • Find the header information in your style.css and add the following:

    background:url(nameofpicture.jpg) no-repeat

    From there, you can modify its position. Check the CSS references at https://www.w3.org/TR/REC-CSS2/colors.html to get into more of how to place this.

    Thread Starter gregkendallball

    (@gregkendallball)

    Thanks, Lorelle…

    I have the image displaying, but I still need to work on the size and positioning…

    I’ve switched back to the Default layout until I get it teaked right…

    Appreciate the help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS guru needed….’ is closed to new replies.