Full Screen Image Text Overlay
-
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 -
Dear @amc
can you make a rough design sketch? Then it is easier to come up with a solution.Thank you :-)
Marius
-
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 -
-
check this..full screen overlay
-
Dear @amc
-
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.
-
You create a box which you give a class called: BUTTON.
-
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
-
