WordPress.org

Ready to get started?Download WordPress

Forums

That "photo at the top" question. Is there "insert image"? (4 posts)

  1. jeffreyluke
    Member
    Posted 4 years ago #

    Hello -

    It looks like many people have asked how to insert a photo at the top (masthead / header) of a thematic blog.

    There have been many answers, I can see many people trying to solve this problem without much success.

    Can anyone suggest a simple way to add a .jpg to the top of a page as part of the header?

    I'm planning on using the image that is currently on top at my site: digitalwindshield.com

    Thanks so much for any thoughts on a simple solution!!

    Jeff

  2. Ian Stewart
    Theme Wrangler
    Posted 4 years ago #

    Here's a whole forum post dedicated to answering that: http://themeshaper.com/forums/topic/adding-a-header-image

    Good luck!

  3. jeffreyluke
    Member
    Posted 4 years ago #

    Ian - thanks for pointing me in the right direction!

    I have created a theme, image folder w/jpeg in it, and uploaded and activated the theme. The header photo displays. I'm pleased.

    For some reason the text formatting has been thrown off - any suggestions on what I might adjust?

    /*
    Theme Name: jeffsblogtheme
    Theme URI: jeffreyluke.com/blog
    Description: Use this theme to start your Thematic Child Theme development.
    Author: Ian Stewart
    Author URI: http://themeshaper.com/
    Template: thematic
    Version: 1.0
    Tags: Thematic
    .
    Thematic is © Ian Stewart http://themeshaper.com/
    .
    */

    /* Reset browser defaults */
    @import url('../thematic/library/styles/reset.css');

    /* Apply basic typography styles */
    @import url('../thematic/library/styles/typography.css');

    /* Apply a basic layout */
    @import url('../thematic/library/layouts/2c-r-fixed.css');

    /* Apply basic image styles */
    @import url('../thematic/library/styles/images.css');

    #blog-title a {
    background:url(images/digital-windshield-logo.jpg) no-repeat top center;
    display:block;
    text-indent:-9000px;
    width: 500px;
    height: 321px;
    }

    The blog's url is http://www.jeffreyluke.com/blog

    Thanks in advance for any suggestions.

    Jeff

  4. jeffreyluke
    Member
    Posted 4 years ago #

    Hi Ian,
    I figured out what was happening.
    The #blog-title div was not below the final @import declaration.
    Looks fine now.
    Thanks.
    Jeff

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags