WP Image Rotator plugin & MistyLook 3.7.1

edit 17/03/2009 – All the stuff below works to make the header image rotate though sadly it breaks the functionality of the Lightbox plugin I use so until I find a fix / an alternative I’m deactivating the Rotator plugin. If you have any suggestions for alternatives / fixes I’d be pleased to read them.

Took me a little while to work it out so to help anyone that’s wondering how to get WP Image Rotator plugin to work with MistyLook 3.7.1 theme –

On the plugin config options
CSS header ID tag = headerimage
CSS image styling = no-repeat; background-position: centre;

In the theme’s style.CSS template
Replace

#headerimage {
clear: both;
background: #fff url(img/misty.jpg) no-repeat 0 0 center;
margin: 10px;
color: #fff;
height: 200px;
}
html #headerimage {
margin-top: 0;
}

with

#headerimage {
clear: both;
background: #fff url(insert here the absolute or relative URL to the plugins header-image-rotator-pro.php) no-repeat 0 0 center;
margin: 10px;
color: #fff;
height: 200px;
}

html #headerimage {
url(insert here the absolute or relative URL to the plugins header-image-rotator-pro.php)
margin-top: 0;
}

In the theme’s function.php
replace

define(‘HEADER_IMAGE’, ‘%s/img/misty.jpg’); // %s is theme dir uri

with

define(‘HEADER_IMAGE’, ‘%s/”insert here the absolute or relative URL to the plugins header-image-rotator-pro.php”‘); // %s is theme dir uri

Whether all those steps are necessary I’m not sure but those are the changes I made and it works fine.

2 Comments

  1. Your post was very useful to get a fast solution! Thank you!

    An easier way that worked for me is to just:

    in the function.php add the // at the begining of the 3 lines:
    //#headerimage {
    // background: url() no-repeat;
    //}

    This deactivates mistylook header and let’s the image rotator aprear instead.

Leave a Reply

Your email address will not be published.