ZX Slideshow support thread

[joe1963]

Where can I get the download or do you install this. This is exactly what I want for our website.

[balihr]

Where can I get the download or do you install this. This is exactly what I want for our website.

You can download it from the official plugins section here. It's well documented so you should have no problems installing it on your own.

[bubbadan]

Stupid question but I can't seem to get it to center. It is aligned to the left.
I have looked and tried to tweak the css but nothing seems to work.
Any suggestions?

[balihr]

Stupid question but I can't seem to get it to center. It is aligned to the left.
I have looked and tried to tweak the css but nothing seems to work.
Any suggestions?

A link to your site would help...

[muteyaar]

Stupid question but I can't seem to get it to center. It is aligned to the left.
I have looked and tried to tweak the css but nothing seems to work.
Any suggestions?

I am having the same issue.

kindly help me in placing it centrally.

When I check it on my laptop, it seems to be in centre. But on other computer, it is on the left side.

please tell me how can I place it in centre exactly. Moreover, My homepage header also seems to be shorter than the whole page width. How can I correct it?

[balihr]

It's impossible to help you without a link to your site...

[balihr]

OK, here's a solution on how to center ZX Slideshow for all those interested:

Go to includes/templates/YOUR_TEMPLATE/css/index_home.css and find lines 90-97. Originally, this is how it looks:

.theme-default .nivoSlider {
    position:relative;
    background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Now, simply change the code in red with margins of your choice. For those who don't know, the numbers represent "top right bottom left". Change it to something like this if you want the slideshow to be centered:

.theme-default .nivoSlider {
    position:relative;
    background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin:0 auto 50px auto;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

This is it, your slideshow should now be centered.

[muteyaar]

Hi,
Firstly thanks for this addon...
I am testing my store on my localhost.I was trying to move my slideshow container to under navigation bar.On home page everything is fine script works great but when click another links, I cant see buttons and images sliding to different position, it looks like something is missing or css problem. what am i doing wrong? could you help me about this issue please?

OK, here's a solution on how to center ZX Slideshow for all those interested:

Go to includes/templates/YOUR_TEMPLATE/css/index_home.css and find lines 90-97. Originally, this is how it looks:

.theme-default .nivoSlider {
    position:relative;
    background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Now, simply change the code in red with margins of your choice. For those who don't know, the numbers represent "top right bottom left". Change it to something like this if you want the slideshow to be centered:

.theme-default .nivoSlider {
    position:relative;
    background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin:0 auto 50px auto;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

This is it, your slideshow should now be centered.

I just tried to do it, but the slideshow remains in the left only.

kindly check my website.

[djohanaa]

OK, here's a solution on how to center ZX Slideshow for all those interested:

Go to includes/templates/YOUR_TEMPLATE/css/index_home.css and find lines 90-97. Originally, this is how it looks:

.theme-default .nivoSlider {
    position:relative;
    background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Now, simply change the code in red with margins of your choice. For those who don't know, the numbers represent "top right bottom left". Change it to something like this if you want the slideshow to be centered:

.theme-default .nivoSlider {
    position:relative;
    background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin:0 auto 50px auto;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

This is it, your slideshow should now be centered.

I tried the above code to center the slideshow but it doesnt work. I have no idea what I am doing wrong.
My website is a is a "fluid" width site, meaning that its width changes as your customers' browser
width changes.

So on my laptop my slideshow looks center and looks fine but if I go to my desktop which wider screen the slideshow shows only to the left leaving a empty space on the right side.

Can anyone help me... I been at this for a week now and at this point don't know how to fix it. just in case website is secretofbelieving.com