Hover effect of Thingworx demo

[sanjanabalaji]

I need to have clarity on effects applied and customized which is launched by thingworx about fizos food demo in ptc portal.

I have a doubt how hover effect is applied for each container in below image.

Can i have code or logic used in fizos food app and also how menu items are arranged in center 

total customization code of fizos food demo 

[slangley]

Hi @sanjanabalaji 

Which version of ThingWorx are you running?  We have a couple of resources on CSS that might be helpful:

Custom CSS Tutorial

Add Style to Your UI with CSS

Regards.

--Sharon

[sanjanabalaji]

I am using Thingworx 9.1 Version...

i m facing issue in creating hover effect as applied in thingworx fizos food demo app.

please help me with solution

[slangley]

Hi @sanjanabalaji 

Did you look at using CSS for the producing the effect you need?  From the screenshot you provided, it appears a shadow effect has been provided for the selected option.  If this is what you are looking for, the tutorial provides an example for adding a box-shadow.  If we're not understanding, please provide further details in regard to your intent.

Regards.

--Sharon