Tagged: enfold, full screen, slider
-
AuthorPosts
-
August 2, 2017 at 8:47 am #833265
Hi there!
On my website, I would like to have a full screen slider (no header, just a footer) and I’ve managed to do that using the default sliders provided in the Avia page editor. However, I want to do the same using the plugin Smart Slider 3 as it has features that those provided sliders do not have. I added a text element and pasted the shortcode in there, but my slider is not in full screen, there are blank spaces at the top and before the footer. Does anyone know how to fix this problem? Sorry if I wasn’t clear, let me know if you need me to explain it better.
Thanks a lot !Léa
August 2, 2017 at 1:52 pm #833446Hey oasure,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardAugust 3, 2017 at 1:55 pm #833884Hi, thanks for the reply. Here is the link: https://oasure-leadavoine.c9users.io/
But I am using cloud9 to develop it, so you might not always be able to see it if I’m not online.Here are screenshots:
This is what it looks like using a shortcode in a text element: http://i.imgur.com/DNj7ykc.jpg
And this is what it looks like using the full screen slider available in Avia page editor: http://i.imgur.com/ebPaAWT.jpgI would like my home page to look like the second screenshot while using Smart Slider 3 and not the full screen slider element.
Thanks !
Best regards.August 5, 2017 at 6:14 am #834588Hi,
Thanks for that, though I can’t see anything on the C9 space you linked to. How can we view your site?
Best regards,
RikardAugust 14, 2017 at 12:57 pm #838620Hi,
As I said, my website is being developped using Cloud9, which is a online development environment (in the cloud), so my website isn’t actually online yet. To view it you would have to view it while I’m online…August 15, 2017 at 4:52 am #839056Hi,
Ok, but to give you CSS to use then we would need to inspect the element in question. Could you let us know when we can view your site?
Best regards,
RikardAugust 17, 2017 at 3:22 pm #840444Hi,
Here’s an online version of my website : https://oasuretest.000webhostapp.com/
Thanks for your helpBest regards,
LeaAugust 18, 2017 at 5:24 am #840733Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.page-id-10 .avia-builder-el-0 .container { padding-top: 0 !important; } .page-id-10 #av_section_1 .content { padding:0 !important; }
Best regards,
RikardAugust 18, 2017 at 12:00 pm #840833That works great, thanks !
August 19, 2017 at 6:18 am #841147Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardAugust 21, 2017 at 9:11 pm #842236You can now close the topic, thank you.
August 24, 2017 at 8:36 pm #843679Hi,
We appreciate for letting us know.
Please feel free to create a new ticket if you need anything else.Thank you for using Enfold!
Best regards,
Basilis -
AuthorPosts
- The topic ‘Use SmartSlider 3 in full screen instead of default slider’ is closed to new replies.