Smart Slider on Homepage

Hey Tom

Sure 🙂 Please, could you let me know the shortcode of the slider you’d like to display on the home page, for example:

[smartslider3 slider=1]

Thanks

You guessed right… [smartslider3 slider=1]

Thanks again for your help

Thanks for the wait 🙂 Please, find a child theme here:

http://purothemes.com/wp-content/uploads/2016/03/ultra-child-smart-slider-home.zip

To make use of this child theme, please, download the ZIP file and unzip it. Then, copy header.php and paste it onto your desktop. Then, using your FTP program or Hosting File Manager service, upload the header.php file to your server to the following location:

/wp-content/themes/ultra-child/

Let me know how that goes.

you sir are my hero! I then made the menu bar slightly transparent to get the look I was after – http://www.kimberley-stemcollege.co.uk/

On a completely different note, which you may not be able to help with, but do you know how I would achieve this look: https://blackpoolsixth.ac.uk/
As in a Carousel overlapping the slider? I have been searching for ages. Would I have something to do with z-index?

Super 🙂 Glad to hear you’ve made progress.

That’s an interesting example slider. Usually, one might expect the carousel blocks to take you to a related slide since they’re overlapping the slider. It’s inferred that they’re related but, in this case, they aren’t.

It would be challenging to re-create this setup in Page Builder. Do you know which if any plugins were used to create your example setup?

I thought the same thing, I’ve had a quick look at the code, but cant see any reference to any plugins, but it does look like they are using WordPress.
I have been looking everywhere online, but cant see any info on how it would be achieved. I’m surprised its not uses on more sites. Also been checking plugins.

It may just be one challenge too far for me! I managed to get a second “Smart Slider” to overlap using Div ID’s, but when viewed on a mobile it all screwed up. I can see in the code there is z-index references

That’s the challenge. We’d need to make the row below absolute positioned, shift it up and then probably drop it back to normal document flow for tablet and mobile. I’ll try take a look at this a little later.

I took another quick look at this now and, unfortunately, it really isn’t easy to do with Page Builder. Could we perhaps eliminate the gap between the slider and the carousel to move them closer together? That would help the presentation a little. Sorry I don’t have more on this request at the moment.

Hi Andrew,
No worries at all, I thought it may be very difficult to do using page builder. Thank you for looking 🙂
If we could eliminate the gap that would be great!

Thanks for your understanding.

You can use:

.home .panel-grid:first-of-type {
	display: none;
}

Or you can check the first row, I think there might be a SO Editor widget there with an empty Meta Slider in it.

Yep, there was an empty row with the meta slider reference.

Thanks for all the help and advise

Super, glad to hear that did the trick.

Hola, he utilizado Smart Slider, pero quisiera que aparezca solo en el home y no en el resto. Como soluciono ese tema?

Hi Olberillo

Thanks for reaching out.

Customize > Theme Settings > Home Page > Home Slider OR Pages > Home Page (you might have named it differently) > Page Slider will set the slider for the home page. Each additional page has its own Page Slider setting in the right column.

When you set your Home Slider are you seeing it appear on every page?

Hi Olberillo

Sorry, I missed this was on old thread. Please, can you post a new thread for us. The form is at the bottom of this page: https://purothemes.com/support/forum/ultra-theme/. Thanks.