I am a novice with regards to Style Sheets.
I have a style sheet that is assigned to the Master Pages of my site. Within this style sheet there is an entry for "td" elements that specifies a font name, size and weight.
When I set a Font name and weight for my UltraWebMenu it properly displays what has been defined for the menu. However, as soon as I assign a style sheet to this Master Page, the specific font name, size and weight assigned to the UltraWebMenu get overidden by the "td" style defined in the style sheet. From this, I have concluded that the menu structure is based on table elements even though their names are all <ignav:...> elements. I also tried to assign the specific class "TopLevelStyle" that is defined withon the UltraWebMenu settings but it did not help.
Is there a way to define default styles for table elements like "td" without having the UltraWebMenu style being overidden? Or is there particular style entry name that will override the global "td" default style that I have defined?
Thanks,
Norm
Thanks Alex.
Hello Norm,
The “UltraWebMenu” elements are rendered as HTML table elements in the browser (you can inspect/observe them with Developer Tools in your browser). That is why setting the global styles for <tr> or <td> elements on the page affects the rendering of the menu control.
Styles that are located on the page or Master page override the CSS classes used to style the menu control.
What you can try to do is to encapsulate your table styles in CSS classes and apply them only to the needed tables or use CSS “!important” directive to force breaking the inheritance chain from parent styles.
Let me know if you have further questions.