Theme Joomla Extensions

fizz replied Edit powerslide.css

No problem just open up your powerslide.css file located in the power slide module / css folder - edit that file with an editor (text editor or web editor)...

Look for this near the top:

.jdGallery { overflow: hidden; position: relative; }

And change it to this (obviously you can change the width or color) - with border element:

.jdGallery { overflow: hidden; position: relative;border: 5px solid grey; }

badminton replied Adding Border image

I have something similar in my mind. I would like to add a border-image. Am I supposed to do it the same way you've described? Coz for now it doesn't work for me.
Thanks for any help in advance.

Edit: Actually any other solution would be fine. Now I'm thinking about making my image a background image. The only way I can see my png image is that I make it a background of the .jdGallery div. But in that case some parts of my frame are still covered by the slide itself. I've tried setting z-index of .jdGallery higher than the slide but it did not work (guess because of the parent-child relation of the divs). I was trying to find the html of powerslide to be able to add another div (consequently layer) but had no success.

So I'm still stuck with the problem

LumoMongo replied Border style being blocked

If that did not work for you then more than likely something else is blocking the border style on your slideshow - mail me your url and I will find the culprit

Edit: Strange thing is - in live code edit - I changed yours to:

.jdGallery { overflow: hidden; position: relative; background-image: url('../images/core/background.png'); z-index: 100; border: 5px solid red;}

which worked - can you add this into your powerslide.css (just change the ".jdGallery" style with the one shown above, and save and refresh - if it is still not working let me know then I can go re-check with your saved changes!

badminton replied Not quite right...

Now, I have an additional red border but the image frame is still behind the slide.

LumoMongo replied Try this:

.jdGallery { overflow: hidden; position: relative; background-image: url('../images/core/background.png'); z-index: 100; border: 10px solid grey;}

or add this to your powerslide.css:

#myGallery, #myGallerySet, #flickrGallery {border: 10px solid grey; }

If none of those work for you, send me your FTP details and I will do it for you myself