Full Screen Image Text Overlay

[amc]

Re: Text over image + Full Width images

This topic was already discussed but there was no real solution so I thought I would start a new thread for it. As the title suggests I am using the full screen slider and would like to have text on top of the image. I don't know anything about jQuery so thats why I have not attempted the earlier solution from Marius. Any help on this would be greatly appreciated!

Cheers,
Aaron

[mariusjopen]

Dear @amc
can you make a rough design sketch? Then it is easier to come up with a solution.

Thank you :-)

Marius

[amc]

Hey Marius!

Thanks for your reply!
I actually got this to work without any CSS editing. I just selected the 'use browser height for row height', set a 'row image background' and then put text on top of it so now I have a full screen image with text on top of it.

Cheers!
A

[mariusjopen]

Dear @amc
ah perfect! I imagined you wanted something much more complicated.

Happy to hear!

Marius

[walshmagger]

check this..full screen overlay

[mariusjopen]

Dear @amc

1. You create a textbox and style it with CUSTOM CSS to look how you want it to look like. Then you give it an opacity of 0 and pointer events none.

2. You create a box which you give a class called: BUTTON.

3. You use jQuery. When you click on BUTTON, a class gets added to the textbox which makes it opacity 1 and pointer events all.

That was pretty rough but can give you an idea.
It's not rocket-science :-)

Best!

Marius