Customize slideshow to fill a panel, or take entire background

  • Resolved mindescape

    (@mindescape)


    7 years, 8 months ago

    Hello Gurus,

    This is my first post, since I was able to find answers for the 100s of questions I had to customize my landing page.
    I’m completely new to CSS, but not to coding so was able to figure lots of things out.

    !!Also!! the pique theme is AWESOME.

    What I’m struggling with most right now is to be able to transition my slideshow to be full panel, on one of the panels, or background. Is there a method or plugin I can use to accomplish that?
    My website is https://www.mindescaperoom.com

    As you can see the slideshow on my initial panel is dead center, and i would like the images to appear larger.

    Thanks a lot for your help!

    Thanks,
    Alex

    • This topic was modified 7 years, 8 months ago by mindescape.
Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi Alex!

    Glad you’re liking Pique! ??

    Changing the size on the slideshow will be problematic, because each image is sized dynamically when the page loads.

    You could, however, do something like this with CSS:

    #pique-hero .jetpack-slideshow {
    border: 0;
    background: transparent;
}

    That will remove the black box around the images, which might help?

    You could look into implementing a slideshow plugin, or something like Flexslider – that would be a bit more hands on though ??

    Thread Starter mindescape

    (@mindescape)

    Hey Chad, thanks a lot!
    that did help somewhat. I will look into flexslider next

    My pleasure!

    If you find you need help with flexslider (or a different slider implementation), these two links are good spots to look for professional customization help:

    https://jobs.wordpress.com/
    https://jetpack.pro/

    Let me know if I can be of any more help! You can also mark this topic as Resolved over in the sidebar ??

    Thread Starter mindescape

    (@mindescape)

    Yes the topic is resolved!
    I used masterslider free plugin, and it was super easy to setup (if anyone is looking for solution for this thresd)

    Thanks a lot!

    Nice! Thanks for sharing the plugin that you found… that looks great!

    Hi Mindescape,

    could you explain how you setup your slider with masterslider?

    I inserted it into a page, but there is a lot of white space at the top and bottom of the slider (even with it setup to Full Width).

    Also, how did you remove the title of the page that would appear on top of the slider (and every other panel in this theme)?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Customize slideshow to fill a panel, or take entire background’ is closed to new replies.