Button changes colour
Aug 03, 2016
I have a block of text consisting of several lines. I then created a transparent button to place over parts of the text so that the user can select the button covering a piece of text and jump to another slide. Effectively a drop down list for the user to select an item to jump to another slide.
All works well however when the mouse pointer hovers over the transparent button, the colour changes and blocks out the text. I would like to change this colour but more importantly, I want to make it transparent so that the text can still be read behind the button, prior to the user clicking on the button. I cannot find where to change this button property to achieve this.
Thanks in advance!
5 Replies
Hi Doug
see attached sample if this is what you are after.
I created a shape initially with full colour and then created a hover state. I changed the colour of the hover state and gave it a 70% transparency, removed the outline, then I edited the normal shape to be fill / 100% transparent no outline.
Hope this helps
Hi Wendy
You gave me a clue when I read your response so while waiting for your example to download, I created a similar effect using a layer. It works OK but the whole button shapes displays as semi-transparent, not just the text as per your example. When I ran your example, it is a much better result but I now cannot work out how you got the transparent button to change colour without using a layer! I think my question is more about how to create the 'hover state'.
Thanks
Hi Doug
here's a quick video how I did it
Thanks Wendy
I was too busy looking at the tool bars and triggers to notice 'states' at the bottom of the slide! It works as I want it.
Doug
Glad you got it sorted Doug.
This discussion is closed. You can start a new discussion or contact Articulate Support.