Wowslider new user quick question

[ukDalek]

Hello everyone,

After trying wowslider out and experimenting with it for a while I decided that it wasn't too much trouble to use it with my Web Designer Premium 18 so purchased the proper registered version of wowslider with some good discount.

I use the placeholder method and copy the HEAD and BODY code in.

Just a question for the Wowslider users on here ...........

Is it possible to put a wowslider on a page and have text or anything in front of it? Like the xara widgets allow.

I have tried moving the placeholder to the 'back' and some small text over (brought to the front) it but the text (or a tiny photo) doesn't seem to appear no matter how I play about with the layers. If it isn't an option and doesn't work then it's not a problem but rather than fiddle with it for longer I thought I'd ask the community and if I'm wasting my time I can turn my attention fully to the telly instead

[gwpriester]

Not that I am aware of. But there might be a script you can add. Check back and maybe someone will have a solution.

[ukDalek]

Not that I am aware of. But there might be a script you can add. Check back and maybe someone will have a solution.

Thanks for your reply. Much appreciated.

There is a way to use the wowslider as a pagebackground https://wowslider.com/help/slider-ba...d-page-49.html but I was hoping there might be a Xara way around putting it to the back rather than altering the code or adding a ws-bg.css file etc.

[Acorn]

ukDalek, without firing up WOWSlider, the problem is probably one where the assumption was a slider always had to be on top.

If you have a web link, I could check what will allow captions.

It will be CSS coding like:

<style>
.caption {
  z-index: 99;
}
</style>

You could try making the caption Sticky.

Acorn

[ukDalek]

Thanks Acorn.

I haven't published it, it's just on local hard drive so I haven't got a weblink.

Do you want to see the contents of a .css file? I can find those files in the wowslider engine folder and paste into here. OR would it be a .js file?

[Initiostar]

Within the Engine folder you will see a file "style.css"

1. Where you have more than one WOW slider, each will have a different ID which you will have selected on export (e.g. Engine1, Engine2 ).
2. Where too you want to use the WOW slider in a variant, it must have a different ID, and each will have its own Engine.

Use a text editor to open the style.css file and look for a similar CSS to that below: In your CSS you will see z-index: 0; Change this to z-index: -1;

#wowslider-container1 { 
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:200px;
	margin:0px auto 0px;
	z-index:-1;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}

Here is an example https://initiostar.co.uk/demo/WOW/

Note that by moving the slider backwards, you will lose its touch-swipe capability, but for full-width sliders that is probably not an issue. But you can now add text or any other objects as overlays on that slider.

Word of caution! this may not work when you add WOW navigation controls to a slider (WOW use other z-index parameters). And no guarantees this will work in all cases.

Personally, I have stopped using WOW because there are much better ways of doing this (example in the WOW link above).

Gary