[Resolved] Smart Slider on Homepage

  • Author
    Posts
  • #3166

    Tomas Sears
    Participant

    Hi Guys,

    Hope all is well.

    I’m using the plugin “Smart Slider” on my home page and a few other pages. Is it possible to get the menu to overlap the slider like it is possible with the meta slider? I know if it is that it may require a child theme? If so I already have one active which you kindly made for me: https://purothemes.com/support/topic/categories-landing-page/

    Thanks in advance for your help!

    Tom

    #3176

    Andrew Misplon
    Keymaster

    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

    #3178

    Tomas Sears
    Participant

    You guessed right… [smartslider3 slider=1]

    Thanks again for your help

    #3183

    Andrew Misplon
    Keymaster

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

    https://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.

    #3185

    Tomas Sears
    Participant

    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?

    #3186

    Andrew Misplon
    Keymaster

    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?

    #3187

    Tomas Sears
    Participant

    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

    #3188

    Andrew Misplon
    Keymaster

    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.

    #3189

    Andrew Misplon
    Keymaster

    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.

    #3190

    Tomas Sears
    Participant

    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!

    #3191

    Andrew Misplon
    Keymaster

    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.

    #3192

    Tomas Sears
    Participant

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

    Thanks for all the help and advise

    #3193

    Andrew Misplon
    Keymaster

    Super, glad to hear that did the trick.

    #9259

    Olberillo
    Participant

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

    #9262

    Andrew Misplon
    Keymaster

    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?

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.

Scroll to top