Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #296

Is there any way to move my Image Rotator Magic description to the top of my images and have it drop down?

The Answer

Prepared Mar. 2010 by Al Sparber, PVII

Yes. That requires a relatively simple CSS tweak. Locate this rule in your IRM style sheet:

.p7IRM01 .p7IRMdesc_wrapper {
position:absolute;
width:100%;
bottom:0px;
visibility:hidden;
overflow:hidden;
}

The selector name will begin with either .p7IRM01 or .p7IRM02 depending on the style theme you are using.

Change bottom to auto. Then add a top property and set it to 0:

.p7IRM01 .p7IRMdesc_wrapper {
position:absolute;
width:100%;
bottom: auto;
top: 0;

visibility:hidden;
overflow:hidden;
}

Now locate this rule:

.p7IRM01 .p7IRMdesc_open_wrapper {
overflow:hidden;
position:absolute;
z-index:20;
padding:0;
margin:0;
bottom:0px;
visibility:hidden;
right: 0px;
height: 30px;
width: 30px;
}

Change bottom to auto. Then add a top property and set it to 0:

.p7IRM01 .p7IRMdesc_open_wrapper {
overflow:hidden;
position:absolute;
z-index:20;
padding:0;
margin:0;
bottom: auto;
top: 0;

visibility:hidden;
right: 0px;
height: 30px;
width: 30px;
}

Back to the questions list