-
Posts
-
My programmers used the LayerSlider for several client pages, but they seem to load and transition very slowly.
I suggested switching to the EasySlider as it seems to transition more smoothly and load faster. Can you confirm this?
However, the photo seems to fit to the top of the photo like mentioned in this post (https://kriesi.at/support/topic/full-width-easy-slider-constant-height/).
Is there a way to fix the height and center the photo within the space?
Hi allyson2!
layerslider is much more complex, but still should work fine, when internet connection is good. First link does not work for me. It simply does not load any page. Slider on second link looks totally fine to me. Where can we see the issue?
Best regards,
AndyHey!
The links are unaccessible, can you please hand us a temporary account via private reply?
Cheers!
JosueJosue,
We just moved our new site to a new server this past week, and since we had a few major issues, the programmers wanted to wait to “get the bugs out” before they updated the themes and plugins.
Is that not a good idea to wait?
If you think I should update now, I will.
OK let’s try without updating first, try disabling all third-party plugins for a moment and check if the slider comes back in the homepage.
I disabled GD Booster optimization, could be that. What’s the issue you’re having right now? can you post a link where you are using an EasySlider instead of LS?
Regards,
JosueHey!
Although EasySlider is a simpler slider you will hardly note a difference when it comes to load as the slowness is probably caused by the amount of images being loaded, i don’t think it would be worth doing a manual conversion of 150+ LS sliders. Are you already optimizing the images?
Cheers!
JosueEnfold Team, I need to continue this topic. I was hoping to use a slider that held it’s dimensions no matter what size screen a person has or if you decrease/increase the size of your browser (or what size photo was used).
Originally, my programmers set up our client sideshows using the LayerSlider, but recently changed to try the EasySlider.
For some reason they cannot get this to work correctly, so I’m reaching out to you. Is there a way to keep the dimensions fixed regardless of the photo size? Or do I need to do something like this (photos vary in height, but alway flush to the top)… http://www.kauai.com/gardenislandinn
Another issue that has made this even more challenging is that I want to watermark the photos taken by our team. When I decrease my browser window (or change computers with a different size screen), the watermark gets cut off.
Hey!
Try adding this code to the Quick CSS:
.av-content-small ul.avia-slideshow-inner { height: 400px !important; }Cheers!
JosueHey!
I’m not noting any watermark in the images, can you post a screenshot of the issue?
Cheers!
JosueHi!
Could attaching the watermark separately to the slider work? the following CSS code will do that:
.avia-slideshow:after{ content: ""; background: center right url(https://explorenayarit.com/wp-content/uploads/2015/10/EN-logo-for-header-with-padding-oct-4-500.png) no-repeat; background-size: contain; display: block; height: 40px; width: 120px; position: absolute; bottom: 0; right: 0; z-index: 10; }Best regards,
JosueHi!
1. No, that wouldn’t modify the image at all, it’s just a mask that would be put on top of the slider element IN the page.
2. It’s because of a CSS setting that tells the image to cover the slider dimensions, that can be changed with this:
.avia-slideshow-inner .avia-slide-wrap { background-size: contain !important; }Cheers!
JosueHey!
1. Please re-read my previous reply (it’s not modifying the images, it’s modifying the slider itself).
2. Did you try the CSS code?
.avia-slideshow-inner .avia-slide-wrap { background-size: contain !important; }Best regards,
JosueHi Josue,
Hmmm… That could work, however, I’m trying to achieve a more “graphically pleasing” look by forcing the photos to autofill (without changing their dimensions). My programmers achieved that, but… and here’s my issue… when we take the photos, we add our watermark and it’s being cut off on some screens.
Is there a way to figure out exactly what the dimensions of the slideshow are programmed to be? Then, I can crop our photos to the exact format. When I “inspect” the element, the dimensions change based on the width of the browser window.
That’s intended, in order to maintain a responsive layout, the dimensions of most elements are determined by the current window size.
Regards,
JosueJosue,
I’m sorry. I must not be making myself clear. I understand the responsive-ness of this photo. That was my intention in designing it this way (and using the Enfold theme). However…
1) The way “this” particular slideshow is programmed now, it is not retaining it’s dimensions and I’m trying to figure out why.
2) I also need the “exact” dimensions so I can try to pre-crop the photos so the watermark doesn’t get cut off. What my programmers are telling me is NOT what I get on my screen, so I need help figuring out what dimensions are programmed.I sincerely hope this makes sense.
Hey!
1) The way “this” particular slideshow is programmed now, it is not retaining it’s dimensions and I’m trying to figure out why.
I’m trying to check the site but there’s an error establishing a database connection. http://explorenayarit.com/hotels/casa-pacifico/
2) I also need the “exact” dimensions so I can try to pre-crop the photos so the watermark doesn’t get cut off. What my programmers are telling me is NOT what I get on my screen, so I need help figuring out what dimensions are programmed.
Did you set the “Slideshow Image and Video Size” to “No scaling”? This will force the slider to use the original image instead of the cropped thumbnails.
How did this website program it so the photos force flush to the width on this particular page (see the entire slideshow)?
http://www.kauai.com/gardenislandinnThe slider use images with the same size or dimension.
Cheers!
Ismael
- You must be logged in to reply to this topic.