Docs

[Bruce]

I am using the LayersliderWP on a client site and I am wanting this slide to cover the entire page as a splash screen – everything with the slider is fine, however, I have one little problem.

You can see the page here > http://www.nikkibrock.com/test-layersliderwp/

At the bottom of the screen / page there is a (Yellow) line showing from behind the slider from the theme.
The slider is not covering the entire page.

The theme is set as Integrity / Dark
The page settings are set as:
Blank – No container | No header, No footer

The slider settings are set as standard:
Layout – Full size
Canvas Width – 1280
Canvas Height – 730
Mode – Hero scene

(I have not changed anything to do with the slider, just image and text)

====

To give you more of an idea of what I mean about the Yellow line, I’ll set
slider settings to:
Mode – Fit to parent height

As you can see here in this screen shot > http://prntscr.com/dlglky
that yellow line at the bottom of the screen is very visible.

What I would like to do is remove the Yellow line from that page ONLY.

Is there a CSS solution that I can implement to remove this Yellow line on a particular page. (page id=17877)

thanks 🙂

[Jade]

Hi there,

Please add this code in the customizer:

.page-template-template-blank-3-php .x-slider-container.above, 
.page-template-template-blank-6-php .x-slider-container.above {
    border-bottom: 0;
}

Hope this helps.

[Bruce]

Sorry, did not work.
Next suggestion…

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.rev_slider_wrapper, a.x-img-thumbnail:hover, .x-slider-container.below, .page-template-template-blank-3-php .x-slider-container.above, .page-template-template-blank-6-php .x-slider-container.above {
    border: none;
}

Hope that helps.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.rev_slider_wrapper, a.x-img-thumbnail:hover, .x-slider-container.below, .page-template-template-blank-3-php .x-slider-container.above, .page-template-template-blank-6-php .x-slider-container.above {
    border: none;
}

Hope that helps.

[Bruce]

Sorry, still no go

[Bruce]

It’s working now!

Ok, I was originally placing the css mid way in the style-sheet, in line with other mods I had made.
All I did was to cut it out and place it at the end of the style-sheet and now it works.

Thanks for your help on this.

[Christian]

You’re welcome.

[Author]

Posts