Joomla Extensions Club 20,483 posts

[Joan Vila Friend Joan VilaJoin date: September 2014Posts: 1Downloads:0Uploads:1]

#192977

Hi,

I’m using JA Slideshow Lite and JA Obelisk. I’m trying to set up the module, but the images always appear on top of the page content, that is, not as a background. However, the modules in the “slider” position appear on top of the slideshow.

I attach an image which shows the slideshow on top of content. The black bar is a blank module in the “slider” position, and the banner is the footer which appears under the slideshow image.

Do I have to change some specific parameter so that the image is at the back of the page, as a background?

Thanks,

Pau

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#515569

You can have look at user guide to know how to config it here

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#516699

I’m having same problem when using slideshow lite or slideshow module.
In this case I’m setting up a new slideshow lite in position slideshow of ja obelisk template. Changing module settings to new size of image: 1260 width and 515 height. The slideshow gallery is on top of my content and the new image size settings are not applied.
http://www.vfldestinationweddings.com/2013-10-14-02-11-08

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#516704

What I did was changed the Slideshow type from “Fade” to “Custom” and back again and this actually made the module configure to the new image size of 1260 x 515, however I still have the slideshow on top of some content. Rather then use spacing as a solution is there a fix to this?
thanks 😉

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#516853

@jcstauring; My solution will help you to do that

Open templates/ja_obelisk/css/themes/christmas/template.css file

Change

.loaded .t3-slideshow {
margin-bottom: -32%;
}

To

.home.loaded .t3-slideshow {
margin-bottom: -32%;
}

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#516899

Hi 🙂
That worked however this solution also created empty spacing about 2-3 inches. Anyway to remove it.
http://www.vfldestinationweddings.com/preferred-resort-destination-wedding-benefits

Thanks for the help :-[

jc

1 user says Thank You to Juan Carlos Stauring for this useful post

1. JA Developer

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#517564

Here is my problem now after applying the above solution. This is only for pages that are not in home page-for the slideshow lite. Help is appreciated :-[

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#517614

You can try workaround below:

Open templates/ja_obelisk/css/themes/christmas/template.css file,

Replace:

.t3-slideshow {
margin-bottom: 0;
padding-bottom: 152px;
position: relative;
z-index: 1;
-webkit-transition: 0.5s margin-bottom;
-moz-transition: 0.5s margin-bottom;
-o-transition: 0.5s margin-bottom;
transition: 0.5s margin-bottom;
}
.t3-footer {
padding-bottom: 100px;
}

With:


.t3-slideshow {
margin-bottom: 0;
padding-bottom: 0px;
position: relative;
z-index: 1;
-webkit-transition: 0.5s margin-bottom;
-moz-transition: 0.5s margin-bottom;
-o-transition: 0.5s margin-bottom;
transition: 0.5s margin-bottom;
}
.t3-footer {
padding-bottom: 0px;
}


Hope this helps

1 user says Thank You to Ninja Lead for this useful post

1. Juan Carlos Stauring

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#517679

Thank you! that is perfect 😎

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#517680

It actually was perfect for the link that I posted:
http://www.vfldestinationweddings.com/preferred-resort-destination-wedding-benefits

however for the home page it messed it up a little with the slidershow lay out. Is there a way to only have it implemented on pages other then home page?

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#517683

Basically what I need is to keep the same padding on home page on slideshow lite and 0 padding on all other pages :confused:

[Juan Carlos Stauring Friend Juan Carlos StauringJoin date: September 2014Posts: 250Downloads:27Uploads:12 Thanks: 53 Thanked: 19 times in 3 posts]

#517685

Well I answered my own question :-[:-[:-[:-[
I just added “padding-bottom: 152px;”:

.home.loaded .t3-slideshow {
margin-bottom: -32%;
padding-bottom: 152px;
}

to your first edit code you provided and that was the solution for me :cool::cool:

Thank you again! joomlart kicks a%@ :p

jc

1 user says Thank You to Juan Carlos Stauring for this useful post

1. JA Developer

[Author]

Posts