-
Posts
-
When adding a layerslider on top of my page, I get a white border on top and bottom of the layer. How can I show it without it?
Hey NoraGTS,
Hmmm…. I don’t see the Layer Slider on the page you posted. Did you have it removed? Or should we be looking at a different page?
Could you please attach some screenshots of the issue?
Best regards,
VictoriaI cannot get rid of the top and bottom padding! I want the layer to start right under the menu, not white border. Just like any header slider.
THANKS NoraSo, I not only have the problem with the padding, I also have another one.
The support team from LayerSlider writes:
I’ve checked your site and the empty spaces above and below the slider seem to be generated by your Avia page builder.Can you please let me know how to get rid of this spaces?
The support team from LayerSlider writes:
Regarding the nav arrows. Your settings are fine, but the skin.css is not being loaded properly, therefore the error. Your site tries to load it from here: http://ideenovation.eu/wordpress/wp-content/kunden/422087_1160/v6/skin.css which is not a valid location. As we can see this is caused by some kind of cache plugin/solution on your installation that tries to cache the content inside /wp-content. You will need to disable this CSS caching, or exclude LayerSlider from it to solve this.So in the Enfold Options > PERFORMANCE I disabled CSS file merging and compression, but that didn’t help. Can you tell me what else to do?
I do have a new URL for this problem! Pls see below! My problem still persists.
I added this code but it only changed the top and bottom spacing of my entire page:
.home .content {
padding-top: 0 !important;
}
.home .content {
padding-bottom: 0 !important;
}This is what the LayerSlider support team wrote:
I’ve checked your site and the empty spaces above and below the slider seem to be generated by your Avia page builder.Can you please let me know how to get rid of this spaces?
The support team from LayerSlider also writes:
Regarding the nav arrows. Your settings are fine, but the skin.css is not being loaded properly, therefore the error. Your site tries to load it from here: http://ideenovation.com/wp-content/kunden/422087_1160/v6/skin.css which is not a valid location. As we can see this is caused by some kind of cache plugin/solution on your installation that tries to cache the content inside /wp-content. You will need to disable this CSS caching, or exclude LayerSlider from it to solve this.So in the Enfold Options > PERFORMANCE I disabled CSS file merging and compression, but that didn’t help. Can you tell me what else to do?
Hi NoraGTS,
Can you give us a screenshot for the white border you mentioned?
You can upload it in https://imgur.com/ or other online image sharing sites and post the link here: https://imgur.com/
As for skin.css, can we request for ftp access? so we can check further.
Just post the credentials in private content.Best regards,
NikkoIt’s on TOP and on the BOTTOM of the Layer Slider – on the very top of my page.
It’s supposed to be a HEADER SLIDER and avia page builder gives each section a white spacing.
You can see it on top of my page – as soon as the slider loads, you see that on top and on the bottom there is a white space.
I attached screenshotsHi NoraGTS,
Can you try to clear the browser cache?
I have checked it using Chrome and Firefox and looks great on both without those spaces in the screenshot.
I have posted screenshots in private content.Best regards,
NikkoWell, that’s because I’ve redone everything.
I used the code:
.home .content {
padding-top: 0 !important;
}
.home .content {
padding-bottom: 0 !important;
}And I had to add top and bottom spacing on each single content block.
If you know another solution, I would highly appreciate it.
I also tried this code, but then also all of my subpages didn’t show enough space on top
.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
padding-top: 68px;
}Hi NoraGTS,
That’s because you have used a shortcode and inserted it in a Text Block.
Try using Layerslider under Media Elements: https://imgur.com/a/kKCjTEP
Let us know if this helps.Best regards,
NikkoWhen I hide the slider on mobile and add an image instead – just for the mobile version – I get a white space below my slider on the desktop version. Is there a way to avoid this? (I selected HIDE IMAGE ON DESKTOP)
THANKS noraHi NoraGTS,
Where can we see this? I see 2 layersliders on your homepage and there are no spaces, have you fixed it already?
I think the space might be from after_layer_slider content that follows after the layerslider.
It is important since it wraps any element you put after layerslider if it’s not wrapped in some Layout Element.
If it’s causing unecessary spaces, you can try adding this in Quick CSS:#after_layer_slider_1 { display: none; }Best regards,
NikkoYes I fixed this. Thanks so much.
BUT: I have a new problem. I opened a new post for that, but it’s really urgent because I’m already online.
The new post ist called: PLUGIN CONFLICT.
I’d really appreciate your help on this
THANKS Nora
- You must be logged in to reply to this topic.