Post by ShaneTFletcher » Tue Oct 30, 2012 11:03 pm

Hi there, I have a slideshow footer image which as some cupcakes on there. However, the slideshow footer image is under the slideshow itself (I'm using Nivoslider expansion).

I have tried to change the positions to relative and such but nothing seems to work?

I have a div id called slideshow-bg and here is the css code -

Code: Select all

.slideshow-bg {
	position: relative;
	width: 100%;
	background: url(../image/slide_frame-test.png) no-repeat ;
	padding: 0px 200px 0px 0px;
}

And for the slideshow -

Code: Select all

.nivoSlider {
		position: relative;
		border: 1px solid #000000;
		right: 40px;
		bottom: 1px;
		z-index: 1;
}
Can anyone help?

Screenshot provided!

Attachments

cupcake slideshow problem.png

cupcake slideshow problem.png (147.15 KiB) Viewed 68 times


New member

Posts

Joined
Sat Jul 07, 2012 4:32 am

Post by ShaneTFletcher » Wed Oct 31, 2012 4:19 pm

Ok, seems like no one knows how to fix this.

Here is what I have done and need help with.

I have split the slideshow image into 2 parts, the ribbon and cupcakes. The ribbon css code is fine but now I am having problems with the cupcake image.

Does anyone know how to layer the cupcake image on top of the slideshow?

New member

Posts

Joined
Sat Jul 07, 2012 4:32 am
Who is online

Users browsing this forum: No registered users and 13 guests