Styling the Power Slider

Permalink Browser Info Environment
I'd like to position a div over the sliding image that would contain a transparent image.

I see the css for the PS, using firebug, but, but I can't seem to affect the display when I try editing any of the files in the blocks folder. What files would I alter to place my styled div, or make any other modifications for that matter?


Type: Discussion
Status: New
View Replies:
wormann replied on at Permalink Reply
I have also tried to change the CSS for the Power Slider to no avail. In my case I was trying to center the images so that I could display Portrait as well as Landscape images.

I have tried style.css found in packages/rigidlight/blocks/power_slider_rigid/css/ as well as the igotstyle.css stylesheets. No luck.

Any help would be appreciated.
Thanks in advance!
WillemAnchor replied on at Permalink Reply
For the portrait/landscape difference, i changed the size and the canvas-size and -background of the pictures themselves before uploading. You got to prepare them a bit anyways, so that's not really a big hassle.
A free program like FastStone will do the trick.

If you wanna do it by code...wrap something like this around the <img> in view.php
<div style = "width: <?php  echo $powerSlideWidth ?>px; height: <?php  echo $powerSlideHeight ?>px; position: relative; text-align: center";>
JohnHallDesign replied on at Permalink Reply
I've been trying to do the same thing with CSS suggestions I've read on other threads, but had no luck. This last solution looks promising, but I need more guidance in what you mean by "wrapping" this code around the <img> I've hacked the CSS of this pretty well, but get pretty lost when it gets into PHP.

Here's the page in question. As you get further into it there are some narrow images, so would all look better centered, and I'd rather not have to go into all of the originals and make them wider.

Thanks for any help:
JohnHallDesign replied on at Permalink Reply
An additional note on the above: when you first load the page, it seems to start off in the center, then jumps to the left. I think this might be the result of some previous attempt I made, but can't remember what it was.
wickmedianew replied on at Permalink Reply
I have achieved this on this website

Take a look at the coloured PNG over the main banner image.
Hope this helps.

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.