ZX Slideshow support thread

[Design75]

I think your problem lies here

<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider" style="width:414px !important; height:165px !important;"> <img src="images/ElBan2.1.png" alt="DJELLERY GRAND OPENING" title=" DJELLERY GRAND OPENING " width="830" height="277" />

First you tell the slider to be 165px high, which Chrome obeys.
Then you have your pictures with a height of 277, which Firefox uses

So changing the 165xp should solve the problem

[ljdream00]

OH My Gosh!
I forgot to change the height & width to the actual slide size in the ZX Slideshow Configuration in the Admin Area.
Total Brain Freeze going on here.

Thank you SO MUCH Design75.
I was at my wits end trying to figure this out.

I think your problem lies here


First you tell the slider to be 165px high, which Chrome obeys.
Then you have your pictures with a height of 277, which Firefox uses

So changing the 165xp should solve the problem

[top hatt]

Hi:

I installed the mod and I like it. It is a lot easier than the previous slideshow that I was using.

I am trying to make the background a color and have the slideshow images with a transparent background. That way if I want to change the background it is easy.

I have tried but am unable to get this right. Is this possible? Can someone help me?

Dave

[balihr]

Hi:

I installed the mod and I like it. It is a lot easier than the previous slideshow that I was using.

I am trying to make the background a color and have the slideshow images with a transparent background. That way if I want to change the background it is easy.

I have tried but am unable to get this right. Is this possible? Can someone help me?

Dave

No, transparent images are not possible. This module is based on Nivo slider and it doesn't support it, you can read it here.

[top hatt]

OK. I can't use a transparent background on an image. Still, is it possible to have a background color?

What I want to do is have a radius on the border of the slider. With a background color and a radius so it fits a border with a radius I could make the image smaller so it wouldn't interfere with the border.

Dave

[balihr]

OK. I can't use a transparent background on an image. Still, is it possible to have a background color?

What I want to do is have a radius on the border of the slider. With a background color and a radius so it fits a border with a radius I could make the image smaller so it wouldn't interfere with the border.

Dave

Absolutely. Just make the parent div larger and child div smaller with some margins.
For example, you'd make <div class="slider-wrapper theme-default"> 800x400px and set your slideshow dimensions to 750x350px. Then add margin:25px; to .nivoSlider and background-color:#990066; to .slider-wrapper

edit: of course, 25px is quite a lot, i just used those numbers for you to get an idea what to do.

[top hatt]

OK. I found the <div class="slider-wrapper theme-default"> in the zx_slideshow.php file but I'm not quite sure where to put the 800x400px.

I added this to the stylesheet:

.slider-wrapper {
background-color: #e5e5e5;
border-radius: 10px 10px 10px 10px;
}

Everything seems to be ok, but the length and width of the background.

Dave