|
Main menu gradient color 7 Years, 2 Months ago
|
Karma: 0
|
|
HI,
Thank you very much for a great menu for Joomla.
I would like to create a radiant gradient background for the top menu ( not sub menus)
I have the following generated, but I do not know where to plug it in using the custom css in the module settings.
background: rgb(253,92,255);
background: -moz-radial-gradient(center, ellipse cover, rgb(253,92,255) 0%, rgb(220,0,114) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgb(253,92,255) 0%,rgb(220,0,114) 100%);
background: radial-gradient(ellipse at center, rgb(253,92,255) 0%,rgb(220,0,114) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5cff', endColorstr='#dc0072',GradientType=1 );
I have tried using .ux-menu-container .ux-menu a from another post I read but it didnt work.
Any help would be appreciated.
Thanks
Rudi
|
|
|
|
|
|
|
Re:Main menu gradient color 7 Years, 2 Months ago
|
Karma: 760
|
|
Hello,
Add the following CSS rule to "CSS Styles" parameter in module settings:
.ux-menu>LI>A {
background: rgb(253,92,255);
background: -moz-radial-gradient(center, ellipse cover, rgb(253,92,255) 0%, rgb(220,0,114) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgb(253,92,255) 0%,rgb(220,0,114) 100%);
background: radial-gradient(ellipse at center, rgb(253,92,255) 0%,rgb(220,0,114) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5cff', endColorstr='#dc0072',GradientType=1 );
}
Regards,
ARI Soft
|
|
|
|
|
|
|
