Orange Squash 1.6 – editing header and footer

  • Using Orange Squash 1.6 how would i add image in header on right side and change the oranges footer to another image? Thanks!

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

  • There are currently more than 850 themes in the WordPress Themes directory. Most people aren’t intimately familiar with every one of them, so a link to your site would help…

    Thread Starter edtrost

    (@edtrost)

    Thanks, esmi. I’m obviously new to this!

    https://babolatworldtennisclassic.com/blogs/

    You’d need to edit your header.php file and your stylesheet to add an image to the top right of that theme. There’s isn’t a suitable container within the header area that’s available for use, so you’d need to create a new one.

    To change the image in the footer, simply upload a new image (300px by 186px) called footerlime.jpg to your theme’s images folder. If you want to keep the old image, call your new image footer.jpg and, again, upload it to your theme’s images folder. The edit style.css and change:

    #footer {
padding: 0;
margin: 0 auto;
width: 800px;
clear: both;
position:relative;
top:40px;
background:url('images/footerlime.jpg') no-repeat top right;
height:206px;
}

    to

    #footer {
padding: 0;
margin: 0 auto;
width: 800px;
clear: both;
position:relative;
top:40px;
background:url('images/footer.jpg') no-repeat top right;
height:206px;
}
    Thread Starter edtrost

    (@edtrost)

    thanks esmi! replacing the footer was easy as you said..not sure though how to do the container for header or even know what a container is!

    There are ways to achieve this with minimal editing. What size image do you want to add?

    Thread Starter edtrost

    (@edtrost)

    basically i would take the image i have right now on my home page (circle with tennis player and copy saying Babolat World Tennis Classic” and place that on right hand side – about a 1″ square

    Can you reset your header back to the original one using the Custom Header option. Right now, the theme is trying to access an image which doesn’t appear to exist. Until that styling is removed, it will be difficult to add yet another image.

    Thread Starter edtrost

    (@edtrost)

    not sure how to reset header back to Custom Header option

    Didn’t you customise the header? Right now, the page is trying to access an image that simply isn’t where it should be. Ah well, never mind…

    Upload a 149px square image called logo.jpg to /wp-content/themes/orange-squash/images.

    Edit header.php and look for:

    <body>
<div id="header">

    Amend this to:

    <body>
<div id="logo"></div>
<div id="header">

    Then edit style.css and add:

    #logo {
width:149px;
height:149px;
position:absolute;
top:0;
right:0;
z-index:100;
background:url(images/logo.jpg) top left no-repeat;
}

    Remember to press CTRL and F5 simultaneously when viewing the updated site. That should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

    Thread Starter edtrost

    (@edtrost)

    It worked!! Thanks so much for all your help, esmi! The resolution isn’t that great, but as long as I know I can put a logo there, that’s great. Thanks again.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Orange Squash 1.6 – editing header and footer’ is closed to new replies.