Hi Deddy,

This is correct way to write or override CSS but if it is not working properly means probably you are overriding wrong CSS class, so my suggestion will be to first find out the correct CSS class in browser by using inspect element feature then overrode that class like above. particularly for list item there is a class 'list-item' which is used to display list item but it is not used for animation I guess.

Thanks,

Sanjay

Hello Deddy,

As I see it now, you use a transpara\ent color. Therefor it won't work for you. Try to change "transparent" in the color you want. 

Just now read that post, You shall give a try to this CSS:

.scale-animation {     
    background-color: transparent !important;
    visibility: hidden;
}

Hi Deddy,

You shall go with my first suggestion to find out exact CSS class to be overridden as it is difficult for us to understand which css class is being used there. There is also a possibility that your CSS may be overwritten again by any other CSS, this can also be verified only in inspect element feature in browser.

Thanks,

Sanjay

Hi Deddy 

Please refer the attached OML

Hope this will help you

Regards,

Vipasha

Hi Deddy,

Following are the steps that I've performed:

1. Enclose the list item inside the container, use "Style" extend property of the container (as shown below)

2. Use a flag to change the color of the container

3. Assign the value of that flag inside the action which is used for the link

Hope this will help you

Regards,

Vipasha