Ghost button Opacity [to see background image]

Author Posts

mirco_cervi June 18, 2015 at 5:25 pm

Heads up! this post was created when Microthemer was at version 3. The current version is 7. Some references to the interface may be out of date.

Hi!
I have a question…
I have a background with an image loaded and I would like that the form on the top and also the button has the opacity grade in order to see the background pic.
Can I do it with Microthemer?
How ?
Thanks
Mirco

Abland June 18, 2015 at 8:48 pm

Hi, Mirco,

If I understand correctly, you can set background colour using rbga values in the colour field. If your search form’s text field has a white background for instance you could use:
rgba(255,255,255,0.5)
The last value 0.5 means 50% opacity – adjust as needed. Do the same for the button’s background. The button may have a hover state and pressed state in addition to passive so background colours would need to be applied to all.

Sebastian June 19, 2015 at 4:17 am

I agree with Ablands advice.

Note: you can’t create RGBA values with Microthemer’s current color picker (only hex values which don’t support opacity), but you can type in or paste RGBA values into the input field like the one Abland recommended above. This tool might be useful for generating the desired RGBA value: http://hex2rgba.devoth.com/

The next big release of Microthemer which is nearly finished now comes with a new color picker that makes generating RGBA values much easier. Please sign up to our edge mode newsletter if you’d like to try the new interface before it’s officially released: http://eepurl.com/bkfraT

Cheers,
Sebastian

mirco_cervi June 19, 2015 at 6:13 am

Ciao Sebastian!
Great! works!
awaiting the update of Microthemer ..I am talking about ur plugin to all my students 😉
Grats for ur job!
Mirco

Sebastian June 19, 2015 at 8:02 am

Thanks Micro 🙂

You must login or register to reply to this topic.