10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

Images in the header of a wordpress page.

by electronik69
9 replies
  • WEB DESIGN
    • |
Hey guys,

A while ago I got a guy to create a custom code so we could have a picture in the top of our website.

I have since lost contact with this guy.

All you had to do was to go to the page editor and you could choose what picture you wanted in the header as shown. Solar Power Installation | Solar Power | Solar Hot Water | Sunshine Coast

Ever since Wordpress updated that option has disappeared off the page editor.

I can't seem to find it in the theme editor I just want to know how I could change the pictures again.
#header #images #page #wordpress
  • Profile picture of the author webpeon
    Can you clarify that the photo section you are referring to is the red circled section in the following screenshot or is there suppose to be an image in the green circled area, only reason I ask is the area above the content is generally referred to as the header section

    Awesome Screenshot
    Signature
    Web 2 Mobile
    The Future of The Web
    {{ DiscussionBoard.errors[6673661].message }}
  • Profile picture of the author electronik69
    Sorry the red circle one.
    Signature
    If it doesn't sell, it isn't creative - David Ogilvy
    {{ DiscussionBoard.errors[6673888].message }}
  • Profile picture of the author locke815
    Go in to appearance and edit from the editor there.
    {{ DiscussionBoard.errors[6673911].message }}
  • Profile picture of the author electronik69
    Yeah I have done that but I can't find which template to edit I have literally searched every single template for a .jpg and I can't seem to find anything.
    Signature
    If it doesn't sell, it isn't creative - David Ogilvy
    {{ DiscussionBoard.errors[6673966].message }}
    • Profile picture of the author PBScott
      Originally Posted by electronik69 View Post

      Yeah I have done that but I can't find which template to edit I have literally searched every single template for a .jpg and I can't seem to find anything.
      Try header.php

      Find a good place and insert something simular to this:
      <img src= "mydomain.com/images/MyBanner.jpg" alt="My Blog Name" width="600px" height="150px" align="left" border="none" />

      trial and error will on placement will work for you eventually, and you might learn some code as you do it.

      The css solution above should probably work also.
      Signature

      If you don't look at this => Really Funny Shirts <= you missed something in life

      {{ DiscussionBoard.errors[6674228].message }}
  • Profile picture of the author doozign
    try to find css file and search for title2-pic class.
    Signature
    Get your minisites, squeeze pages, and logos designed by Ex-WOWMinisites Designer in just 48 hours.
    {{ DiscussionBoard.errors[6674123].message }}
  • Profile picture of the author webpeon
    sorry my man was going to try and help you out earlier but ran into work lol

    Heading out to the store, be about an hour - if you're still looking for help around then drop me through a skype request and i'll take a look when I get back for ya
    Signature
    Web 2 Mobile
    The Future of The Web
    {{ DiscussionBoard.errors[6674647].message }}
  • Profile picture of the author jaasmit
    Is this a job???
    Or you just trying to know about it??
    This is an easy task for the developer who has proper understanding about wordpress and some programming languages.
    {{ DiscussionBoard.errors[6674669].message }}
  • Profile picture of the author copilu0
    Is hard for us to help you because we don't know what image was there and also there is no URL error in your header so probably the image is disabled from there or even deleted.
    Try this:
    go to header.php and search for this line:
    Code:
    <h1><a title="Eclipse Solar" href="http://www.eclipsesolar.com.au">Eclipse Solar</a></h1>
    after that line insert this:
    Code:
    <div id="header-img"></div>
    now go to style.css or any other css file displayed in the theme templates editor and write this anywhere you want:

    Code:
    #header-img { background: url("your-image-full-url") no-repeat; width: 200px; height: 150px; float: left;}
    Replace "your-image-full-url" with your image url and also you can change the width and height values to meet your image size and everything should work ok.There are also other options like inserting the image in the header code and not as a background from the css file but I think this is the best solution for you until you find how the image was inserted before.
    Good luck!
    Signature
    Snow Blower Garage
    Electric Toothbrush Reviews
    {{ DiscussionBoard.errors[6674990].message }}

Trending Topics