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
-
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login