September 24, 2020 at 05:37 UTC - Views: 47 #65548AnsweredCaetlynParticipant
I’m trying to set up a photography site and I want to be able to have an image slider on the front page. However, is it possible to set the slider up as background images rather than just a slider on front page?
Thanks in advance!September 24, 2020 at 16:16 UTC - Views: 45 #65554
You would need to provide a link to the page with the slider in as content and explain exactly under what it would, like whole browser, just content or header etc…
Depending on the exact situation, we could move some content over the slider with CSS, but it may also require a plugin.September 24, 2020 at 22:04 UTC - Views: 41 #65555September 24, 2020 at 22:29 UTC - Views: 56 #65556Best AnswerscramblerModerator
This reply has been accepted as the best answer.
If you are going to want the slider to cover the whole browser area in a responsive way, which means not with a fixed aspect ratio, but a ratio that will adapt to the browser, then I suspect you will need a dedicated plugin. There are plugins out there to do that with Video and sliders, but I don’t have specific knowledge.
A quick search returned this one
If you could do with just a full browser width slider on a page with only the menu at the top could be done this way.
- Create a page and select the Blank template for it,
- Use the page Visibility option tab to hide all the site pieces you don’t want that are visible on other pages like footer, widget area…
- Use the page Layout tab to select no sidebars if not the default
- Use the page Misc options tab to select “allow raw HTML and Script” So the editor is HTML only if using the classic editor, or use an HTML block editor if using the block editor
- Put the content below in the HTML content area
<div class="wvrx-expand-full"> Your slider shortcode (make sure the slider is created for a 100% width) </div>
That will expand the container of the slider to the full browser widthSeptember 25, 2020 at 23:36 UTC - Views: 29 #65564
I’ve tried to follow the steps you have outlined but nothing happened.
I setup a slider with the shortcode [show_slider name=nature] which I added into the HTML content area as you have instructed and came up with a blank page. What am I missing?
For now, I’ve added the slider in the actual editor using Smart Slider 3 but it still isn’t quite the affect I’m looking for.September 26, 2020 at 00:10 UTC - Views: 23 #65565
Please be specific.
What editor are you using (default WP block editor, or classic editor)
Give me a link to the test page you created with the HTML I gave you and and Slider shortcode inserted
Create a new test page and simply type the slider shortcode in the content area and give me a link to that page too.
Also which slider plugin are you using, because the shortcode syntax you gave me looks exactly like the Weaver Show Slider plugin. is that the one you are using?
Because you mention Smart slider 3, and if they use the same syntax that could be a problem if you also have the weaver show slider installed.September 26, 2020 at 06:39 UTC - Views: 22 #65571
I use WP classic editor but have the Site Origin Page Builder plugin installed as well.
I’ve created a new test page in which I’ve used the Weaver Show slider plugin shortcode only [show_slider name=nature]. Here I’ve gone through all steps you have instructed in your previous post.
I’ve somewhat managed to create a full width slider using Smart Slider (but not a background slider) by adding Smart Slider Widget into the Site Origin Page Builder. The shortcode for that particular slide show is [smartslider3 slider=”2″].
I hope that is clear enough. 🙂September 26, 2020 at 06:56 UTC - Views: 18 #65572
Update. After some thought, I’ve decided to use the Wonder Slider Plugin as your first suggestion. That seems to do exactly what I’m looking for. Thank for you help. 🙂September 26, 2020 at 16:10 UTC - Views: 12 #65575
I think a real background slider is the right choice 🙂
- You must be logged in to reply to this topic.