Hi,
thanks a lot for the great plugin.
I have one question: It sems to me that there is a little delay before the slider starts fading the first image. Is that true an if yes, how can I remove the delay and make the slider start right away?
Thanks for help,
Wolfgang
PS: If needed, see my page here: https://temp.blumwerk.de
]]>I’d like to add the code <?php if (shortcode_exists( 'simple-slider' )) : do_shortcode( '[simple-slider]' ); endif; ?>
somewhere.
But where should I do this?
Which file?
You say: “You will need to manually edit your theme and insert the following code to display the slider. This is typically added after your opening body or header tag and
it will only work on your front page. The slider will not display properly if
this is wrapped in additional tags.”
I have a child theme.
]]>I removed the wrapping if-statement in the installation just to test, and it prints out the shortcode in plain text. So, obviously something is wrong with the plugin because the shortcode isn’t registered.
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Please use DEBUG when developing WordPress Plugins!
Undefined index: background in …/plugins/simple-fullscreen-responsive-slider/simple-fullscreen-responsive-slider.php on line 337
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hi,
I’d like to have full screen width and height at my home https://gimnasioplazadeespana.com but when I try on my iphone, it doesnt fit 100%.
Someone could help me? Thanks!!
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hi!
I want to show just 5 of the sliders on the webpage. How can I set to show the first 5 without deleting the other sliders?
Thanks,
succli
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>how can add additional inline style when the slide is active.
I want to add transform scale to the active slide and disable it when it is not active.
I check the codes but cant find it.
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hi,
Is there anything set up already to show the slides in a random order?
Thanks
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Even though the css sets .simple-slide background-position: center center, the images are not being centered on the phones and tablets that I’ve tested on. If I add center center to the css where the image is called, for example .simple-slide-1, then it does work. I don’t want to add any css for the slides as it might be hard to know how many slides there will be. Is there a way to add this to the slider php code? If so, can you point to where I should add it so the css code looks like this:
.simple-slide-1 {
background: url(image.jpg) center center;
}
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hi,
Can I add different sliders to all pages/posts or does it just add a slider to the homepage?
Thanks,
Guy
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hello,
On your website it says that everything about sliders are managed from Slides menu, but I don’t see “Slides” in my Admin sidebar. Where can I find it?
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hi guys. Let me first thank you for this wondeful slider. I have managed to have this slider working as i expected before. But somehow i can’t get the positioning right this time and the images do not over lap instead they follow one after another. Someone let me know where i am going wrong. here is the code`html,
body {
height: 100%;
}
#simple-slider {
width: 100%;
position:relative;
margin: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-color: #222222;
}
.simple-slide {
background-position: center center;
background-repeat: no-repeat;
position:relative;
width: 100%!important;
height: 100%!important;
top: 0;
z-index: 1;
opacity: 0;
-ms-filter: ‘alpha(opacity=0)’;
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
}
.simple-slide-container {
overflow: hidden;
display: block;
margin: 0px auto;
padding: 0px 4%;
max-width: 1080px;
-moz-box-sizing: content-box;
}
/** grid div **/
.simple-slide-content-wrapper {
position: relative;
display: block;
}
/** The Box **/
.simple-slide-content {
position: relative;
padding: 35px;
width: 550px;
height: 200px;
text-align: center;
top: 35%;
margin: 0 auto;
border: 10px solid rgba(255, 255, 255, 0.3);
background-color:#222222;
opacity: .7;
}
.simple-slide-content h2 {
color: white!important;
font-size: 20px;
font-weight: 200;
letter-spacing: -0.06em;
margin: 10px;
text-align: left;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.simple-slide-content h3 {
color: white!important;
font-size: 14px;
font-weight: 100;
letter-spacing: -0.04em;
margin: 10px;
text-align: left;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
}
.paragraph {
color: white!important;
font-size: 14px;
font-weight: 100;
letter-spacing: -0.04em;
line-height: 1.4em;
margin: 0;
text-align: left;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
text-transform: none;
}
.simple-slide-content span {
color: #4286f4;
}
.simple-slide-content strong {
color: inherit;
font-weight: inherit;
}
a.button {
-webkit-appearance:none;
float: right;
display:inline-block;
min-width:150px;
height:38px;
line-height:38px;
margin-top: -61px;
margin:0;
padding:0 15px;
border:0;
border-bottom:3px solid rgba(0,0,0,.25);
color:#fff!important;
font-size:14px;
text-align:center;
text-transform:uppercase;
vertical-align:middle;
background-color:#4286f4;
cursor:pointer;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.prev, .next {
position: absolute;
height: 80px;
line-height: 55px;
width: 50px;
font-size: 100px;
text-align: center;
color: #fff;
top: 50%;
left: 0;
z-index: 4;
margin-top: -25px;
cursor: pointer;
opacity: .7;
transition: all 150ms;
}
.prev:hover, .next:hover {
opacity: 1;
}
.next {
left: auto;
right: 0;
}
.fader_controls .prev, .fader_controls .next {
position: absolute;
height: 80px;
line-height: 55px;
width: 50px;
font-size: 100px;
text-align: center;
color: #fff;
top: 50%;
left: 0;
z-index: 4;
margin-top: -25px;
cursor: pointer;
opacity: .7;
transition: all 150ms;
}
.fader_controls .prev:hover,
.fader_controls .next:hover {
opacity: 1;
}
.fader_controls .next {
left: auto;
right: 0;
}
.pager-list {
position: absolute;
width: 100%;
height: 40px;
line-height: 40px;
bottom: 0;
text-align: center;
z-index: 4;
padding: 0;
margin: 0;
}
.pager-list li {
display: inline-block;
width: 15px;
height: 15px;
margin: 0 7px;
background: #fff;
opacity: .7;
text-indent: -9999px;
border-radius: 999px;
cursor: pointer;
transition: all 150ms;
}
.pager-list li:hover,
.pager-list li.active {
opacity: 1;
}
@media screen and (max-width: 1160px) {
.simple-slide-content {
bottom: 0;
padding: 50px 0;
}
.simple-slide-content h2,
.simple-slide-content p {
text-align: center;
}
.simple-slide-content a.button {
margin-top: 30px;
float: none;
}
}
@media screen and (max-width: 960px) {
#simple-slider {
margin-top: -60px;
}
.simple-slide {
padding: 0;
}
#simple-slider .fader_controls {
display: none;
}
}
@media screen and (max-width: 680px) {
.simple-slide-content {
width: 100%;
margin-left: 0;
left: inherit;
height: auto;
}
.simple-slide-content h2,
.simple-slide-content p {
font-size: 20px;
}
}
`
See https://www.riserinvestors.com for the outcome.
Waiting for your reply. Thank you in advance.
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>I am new to wordpress, and trying to install the fullscreen slider. I think I’ve inserted the code in the right place, but it is still not showing up in my dashboard.
fad-esign.com
Thanks!
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>I’m so excited to use this plugin on my site, but I got some errors upon implementation. Edit: I figured that out, the errors were from not adding any slides yet. Whoops and duh.
]]>Hi, i have installed your Plugin and i find the css settings. But where is the handling for the slider pictures. I can’t see this in the Administration. How is the work around for this. Maybe i’m a blind chicken.
Nice Greetings Robbel
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hi,
I have added code into my index.php file, and saved default settings in admin panel, also I have added one slide.. But it displays nothing on my homepage.
demo link: https://www.slapmybutt.com/senator-upgrade/
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Hi there,
I have installed this front page fullscreen slider and it is not showing in his full size. I have vizited some other WordPress sites with same Customizr theme and I saw the slider in full size . Maybe I have missed something to set?
please help,
https://www.gobelins.co
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>Dear Simple Fullscreen Slider Team,
I’m not an expert (yet ;o) ) in WordPress, I tried to install the Simple Fullscreen Slider and could’t get it to work. Here’s what I tried so far:
1) Added the slides and images
2) Added the php code in the index.php (didn’t work) and the header.php (didn’t work either). Both times I copied it right after the header tag.
<?php if ( shortcode_exists( ‘simple-slider’ ) ) : do_shortcode(‘[simple-slider]’); endif; ?>
3) put the shortcode [simple-slider] in the content of the site.
4) here’s the URL to check: spielwiese.christafajen.com
Thanks for your help!!
Chris
https://www.ads-software.com/plugins/simple-fullscreen-responsive-slider/
]]>