Categories
life

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.

By monaxle

Dad to four boys. Married to their mum. A satisficer. Lifelong cyclist, wannabe nomad, casual snapper and music lover. Occasional glimmers of creativity. Left field, anti establishment and non conformist tendencies. Green politics. Employment in mental health and children and adults social care. Open to learning, development and growth. Often get things wrong. Sometimes getting them right.

Current digital profile along the lines of #Mastodon, #Ubuntu, #NextcloudPi, #Thunderbird, #LibreOffice, #Gimp, #DigiKam, #KeePassXC, #Brave and #StandardNotes. It’s all #foss to me.

Views and opinions are my own or plagiarised and/or paraphrased from elsewhere. Whether these are right, wrong, misinformed or inspired is pretty much down to chance and your own judgement. Be well, be happy, be safe.

2 replies on “WP Image Rotator plugin & MistyLook 3.7.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.

This site uses Akismet to reduce spam. Learn how your comment data is processed.