WordPress.org

Ready to get started?Download WordPress

Forums

Pilot Fish
[resolved] Adding image to header (10 posts)

  1. RedClayRocket
    Member
    Posted 10 months ago #

    I am working on a site that uses the Pilot Fish theme.

    I have the site title on the left side of the header, and I wish to add an image to the right side.

    How would I go about adding an image to the right side of the header, while keeping the site title text on the left?

  2. RedClayRocket
    Member
    Posted 10 months ago #

    So could anyone help me out...?

  3. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Have you set up a child theme per my post in your other thread? Or depending on the image and your site, you may be able to do it using CSS - in which case, you need to add a custom CSS plugin.

    A link to your site would be relevant - as well as a link to the image you want to add.

  4. RedClayRocket
    Member
    Posted 10 months ago #

    The site is http://www.quiltinthewoods.com/quiltinthewoods

    The image can be seen at http://www.quiltinthewoods.
    I will resize it to fit better on the top right of the site.

  5. RedClayRocket
    Member
    Posted 10 months ago #

    I think the http://www.quiltinthewoods.com site is down, for whatever reason. My internet isn't very good, so it might be me...

  6. RedClayRocket
    Member
    Posted 10 months ago #

  7. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    Okay, so it looks like using a background image in the CSS will work, so add a custom CSS plugin such as Custom CSS Manager - then add this code there:

    #header {
        background: url("http://quiltinthewoods.com/quiltinthewoods/wp-content/themes/pilot-fish/images/bulb.png") no-repeat right top;
    }

    You'll need to replace the URL in the code above with the file path to your real image - after you've uploaded it to the media library.

  8. RedClayRocket
    Member
    Posted 10 months ago #

    That did it!

    Thank you very much WPyogi!

  9. bikbik
    Member
    Posted 9 months ago #

    Hi, I have the same issue but need to know where exactly I should include the line #header ..... as shown above. I tried to edit the stylesheet using the dashboard editor.
    I need to add a small logo to the right of my header.
    This is the website http://www.hypnobirthing-rnk.de
    Any help is much appreciated.

  10. WPyogi
    Volunteer Moderator
    Posted 9 months ago #

    Do not modify any theme files - read what I posted above:

    so add a custom CSS plugin such as Custom CSS Manager - then add this code there:

    If you need additional help, please start your own thread - this one is marked resolved.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.