Forum Replies Created
-
Posts
-
Hello, good morning Victoria,
Did you have any luck looking into this Private Token issue for me.
It’s a project for a good client I’m working on and I avoid the impression that the theme I’m using for this project isn’t properly licensed and updated.
I’d really appreciate your help with this, Victoria.
Hey Mike,
Just wondering, if I could bother you with yet another LayerSlider issue.
It’s for a project for a client I’m currently working on – and it got nothing to do with this vexing play-by-scroll feature. I’m having a hard time to align three images horizontally side by side. Each of these images has a width of 640px and given the canvas width of 1,920px, this shouldn’t require rocket science.
Following logic, I figured that positioning them at 0, 33.33%, and 100% from the left side should do the trick, but to no avail. Interestingly, positioning them at 0, 50%, and 100% aligns them perfectly in LayerSlider and the preview – but not in the browser.
Would you mind taking a look. I have a soft deadline for this on Monday/Tuesday; so, I’d really appreciate it, Mike. I think this should be a quick fix.
Thank you so much, Mike.
I can’t believe how much time and effort you put into trying to resolve this issue. It’s needless to say that it’s very much appreciated. You guys at Enfold really rock. You provide the level of support everybody else just promises. ;-)
Thanks.
I’m still struggling with a few things in connection with this slider.
For instance, while the first slides looks ok, problems start (i) when users try to scroll down, which is followed by some flickering/bouncing before the slide transitions to the next slide. The transition just isn’t smooth. In addition (ii) when users reverse the slider and scroll back up, the can overshoot on the first slide, which means that they’ll be looking at a blank background.
I got in touch with Kreatura tech support and they asked whether “my theme uses any kind of custom scrolling ? LayerSlider uses the native browser scrolling for several of its options (including play-by-scroll and start in viewport for example), and custom scrolling methods could interfere with that. Please check on whether something is interfering with the page scroll on your site”.
Could you please help shed some light on this? I would really appreciate it.
Many thanks.
Man Mike. That’s just awesome and 98% of what I was looking to get out of this.
Adding the web-kit for Mac did the trick and I can now see it across all browsers. It even looks pretty good on my son’s Windows machine.
It turned out that there’s a Slider setting that starts showing slider content immediately – even before users start scrolling; so, it’s starting to come together. Many thanks for this. You rock, Mike!Thanks so much for much for getting back to me with such an elaborate response, Mike. Kudos. I didn’t expect that and I’m truly impressed over how you’re going to extra mile to help me out on this.
It’s needless to say that I’m quite frustrated over how Kreatura has been cutting corners with the Play-by-Scroll feature on LayerSlider. I looked at their sample slider as well and agree with you that it has the very same problem of not having an easy-to-recognize starting point that would help users to understand what is expected of them in order to be able to navigate the slider.
This is why I was thinking to use a background with an alternating background color. It was my hope that this background would show – like a static background image – hence the user would know something is happening instead of looking just on a bare white background.
The problem is still very perplexing to me. I can’t see the background on any Mac browser (i.e. Safari, Google Chrome, and Firefox) and I didn’t see it either when looking at it on my son’s Windows 10 machine. It goes without saying that I cleared the cache on my Mac browsers – I didn’t do that on my son’s Window’s machine, because it was the first time I was accessing this page from there. I don’t work with this machine. So, in that respect, your video is extremely interesting. I think I understand what you mean by the background flashing. I think it’s the result of using colors that are very bright and intervals of only 10s. It’s needless to say that these aren’t the colors I want to use.
What I meant with off-setting the transparent header was: (I) as you can see, the transparent header completely disappears on the white background of the initial slide of this slider – It’s why I’d love being able to use the auto changing background color. I will need to use a transparent header though, because the following slides require that. (II) Or is it possible to change the settings for the header for each slide? With other words, use a non-transparent header on slide 1 and transparent headers on the following slides?
In closing, you are absolutely right. The Play-by-Scroll feature is a premium feature of LayerSlide, but I own the full license; so, it works.
I have a sandbox site that’s a 100% mirror of my actual site. I created admin access for you there as well, so you can take a look at this slider in it’s native environment (UI) to see if you can make sense of this. Please see the NEW link and login information below.
It goes without saying that I’m extremely grateful for your willingness to help me out here. As I mentioned earlier, I’m truly impressed with you going the extra mile here.
Many thanks, Mike.
Thanks for looking into this, Mike.
Unfortunately, your idea to enter the required CSS into the Custom CSS section of the theme won’t make a difference. It just doesn’t work.
Moreover, what I find it even more puzzling with the Play-by-Scroll Layer Slider is that obviously all elements are triggered by a scroll. So does one even create a starting point for the Slider, for instance, a loading or scroll up or down message, so audiences would know what to do? I mean, having a blank background to start with – that can’t be it – or?
I kind of need this feature, because it’s the only way to offset the transparent header on this initial layer.
I’m also a bit concerned, because in your first message you mentioned that a Facebook plugin is causing a 500 Internal Server Error and that the whole pages flashes. I’m on Macs, but I wasn’t even able to reproduce either problem on a brand new Windows 10 machine. On my end, I never saw the alternating background color show up – scroll or no scroll.
So, maybe you can look into this again – or perhaps share with some fellow tech support team members. There’s got to be a way to this, don’t you think?
Thanks so much for getting back to me, Mike. That was quick. You guys rock!
You are right. As of now there’s just a white background. But if you scroll down with your mouse, an animated message will appear, followed by the second slide. It’s the Play-by-scroll feature and it’s not as easy to work with than you would think. I’m sure LayerSlider has awesome features, but there’s a steep learning curve.
Anyways, as I mentioned and to tackle the issue with the white background, of the first opening slide, I’d like to have a background that’s looped and automatically changes colors every 20s. I think I got the proper CSS code inserted in the Style section of the BG layer, along with the required class in the HTML content element – but it doesn’t work …
Ideally, I’d like this layer with the changing background to appear as soon as the the slider/pages loads.
Many thanks for your time and help with this Mike. I truly appreciate it.
Thanks for getting back to me, Mike.
I simply added that h3 style to my new site and it did the trick.
You are right in that that I skipped any performance enhancing measures while my site was still a work in progress.
And how about removing the uppercase text-transformation for the blog categories (same pages as above)?
I tried locating the required code by inspecting it through Google, but to no avail.
Many thanks again, Mike
That’s weird, Rikard, it’s gone now.
I was trying to remove it by myself before contacting you, but none of the snippets seemed to work. Now, in hindsight, these was seemingly a cache issue. The snippet I added was
.avia-layerslider {
box-shadow:none !important;
border-top-width: 0 !important;
}Apparently that did the trick after all. Sorry for having wasted your time and thanks for your time anyways. You can close this thread now.
Hey Mike, your idea to apply the style to all portfolio pages is just awesome. Takes another headache out of the equation …
Your code works as well. Many thanks for that. I added another instance for the hover state so I won’t loose the blue hover effect.
Many thanks again. You can close this thread now.
Thanks for getting back to me, Rikard,
Unfortunately this doesn’t work for me. Maybe, I should have made it clearer that I’m using a somewhat customized code for these social sharing icons:
#top #wrap_all .av-share-link,
#top .av-share-box ul {
border: 0;
}#top #wrap_all .av-share-link a{
color: black;
font-size: 27px;
}#top #wrap_all .av-share-link:hover a{
background: none;
color: #22b3ed;
}Now, this works and looks great on pages with a white page background, but on a portfolio page, which has a black background, I will need these icons to be white. The way I look at this, to make this happen, only the second instance needs changing, but no matter where I try to fit in the snippet with the post ID, it won’t change.
Many thanks for looking into this again
Hey Jordan,
Thanks for getting back to me. I managed to get in done by myself, except that the borders are still visible when the toggle is open.
Otherwise, the look is exactly as I wanted.So how do make the borders transparent in the active/open toggle?
Here is the code I have been using:
.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: #22b3ed;
}
.active_tc .toggle_content {
background: #ffffff!important;
}
p.toggler {
border-color:transparent !important;
}Does this make sense? Many thanks.
Thank you so much; Basilis,
Almost there. Just two more things:
(i) It looks like there may be an issue with the line height as the “g”s and “y”s in the link seem to be cut off at the bottom
(ii) Is there a way to eliminate the underline in the hover of the link?That’s it. Again, many thanks for your time and help with this. You guys really rock!
Hey Basilis, thanks for getting back to me.
No, I actually want to change the font size of the, I guess you’d call it the header or title of the icon box (e.g. Strategy). In addition, I’d also like to have the corresponding link in color upon hover, rather than with an underline.
Many thanks for your time and help with this.
Thanks for getting back to me Jordan. I posted a link to the page below. As you can see, the sorting/filtering option is currently centered above the masonry blog post element; whereas I’d like it to be left aligned. I’d also like to increase the font size a bit and get rid of the italic font effect. Many thanks
Thanks a lot Victoria, this works on the menu bar, but, if you start on a page with a transparent background, for instance on the home page, and you scroll down, the logo jumps upward, as it transitions from being displayed on a transparent background to the white background on the menu header. Isn’t there a way to center it vertically no matter where. Maybe it would help defining a fixed custom height for the menu header?
Many thanks again, for looking into this.
Thanks Rikard, I very much appreciate you taking the time to look into.
The code you provide, just like some that are provided in connection with other requests on the same subject, does add a 30px margin above the logo, it doesn’t quite center it though. This is much more evident, if you start on the homepage (with a transparent header) and start scrolling downwards. As the header turns white, you can see that the menu icon is perfectly centered vertically, whereas the logo is not.
Call me a stickler for detail, but is there another way to go about this?
Again, many thanks for your time and help.
Again, many thanks for looking into this Rikard. I have decide to revert back to the original design I was working on for that site. So, please consider my request obsolete at this point. Many thanks anyways.
Thanks for looking into that Rikard. The site isn’t live, so, you will need to login using the admin login credentials below.
Many thanks
