Swift Slider Background Image and Content

[hillcapital]

I’m trying to create a slider in the home page header area. I’ve tried using Revolution slider but the button I use is in the wrong location if browsing with Chrome and IE. Therefore, I’ve opted for Swift slider.

With Swift Slider, I’m using portfolio. I used the Swift page builder to create a full width text box with headings and a button. I initially used alt background for the full width text box which works when I preview, but when I look at the home page, the header slider is blank with black background and no content, only meta info on the portfolio item.

Next, I tried adding background image in the portfolio meta options. This works as the image shows on the header of the home page, but the content I want on the slider isn’t there.

Is there a way to make the content show? I’ve watched a demo and it should work but mine isn’t working.

I’ll include url and login in the following post.

[hillcapital]

This reply has been marked as private.

[David Martin – Support]

Hi,

Looks like you got your slider working, I see the background image and text in the middle.

Is there anything else you need assistance with?

– David.

[hillcapital]

Hi David,

I actually don’t have the slider working. I reverted back to Revolution Slider in the meantime so customers will see it. However, I don’t want to use Revolution Slider because the button is in the wrong place on browsers besides Firefox. If you could help me set up Swift Slider that would be great.

[David Martin – Support]

Hi,

I am setting up a test page for the slider: http://www.firstsecuritypower.com/swift-slide-test/

The slide itself: http://www.firstsecuritypower.com/wp-admin/post.php?post=502&action=edit

However, currently there is a JS error on your site, which is stopping the slider from working as expected.

– Can you first update the theme to latest version? http://www.firstsecuritypower.com/wp-admin/update-core.php

Thanks,
David.

[hillcapital]

I’ve updated the theme. What should be done next?

[David Martin – Support]

Hi,

Please take a look now, http://www.firstsecuritypower.com/swift-slide-test/.

The Swift Slider would only work if you were using more than one slide.

Take a look and the slides in the Portfolio post type and copy those if you need to.

Thanks,
David.

[hillcapital]

Thanks, the slider is working. How do I add content to it such as text and buttons? I want it to look like the home page.

[hillcapital]

If its not possible to replicate the header on the home page and requires using Revolution Slider instead, how would I fix the coding so that the button is positioned correctly in all browsers? The button is centered in Firefox, but in other browsers, it is on the upper left corner area.

[hillcapital]

UPDATE:

I updated Revolution Slider and now the button problem is fixed for all browsers. I’m just unable to navigate to a second slide that I’ve added. If you could help me with that, that would be great.

[hillcapital]

Adding a third slide in Revolution Slider’s Home Header slide also creates a large white space beneath the slide header and the body content. I’ve had to remove it but you can test it out.

[Rui Guerreiro – SUPPORT]

Hi,

I have a few doubts about your current issues.

Are you going to use the Swift Slider page that David created or are you using a new one with revolution slider?

thanks

-Rui

[hillcapital]

Sorry about that. David hasn’t resolved the issue for me yet which is why I went back to trying out Revolution Slider. For now, I’ll stick to Revolution Slider and if someone could help with the issues above that would be great.

[David Martin – Support]

Hi,

The Swift Slider would not work as you want it to for your site, you will need to stick with Revolution Slider.

I am testing out a 3 slide revolution setup here, “Test Slider”. So far, it seems to work fine. http://www.firstsecuritypower.com/rev-slider-test/.

When you edit a slide item, always save it before trying to edit the next one.

Thanks,
David.

[hillcapital]

Thanks David. I was able to figure it out. The problem of slides not sliding was due to Revolution Slider having a problem with custom coded buttons. So I opted for Revolution Slider’s button layer instead and now they are sliding properly.