Hello Phil BS,
Thank you for using our services.
So far you are going in the right direction. You can skin your menus as you wish, and make your skins use your custom CSS. There is a slight difference in how to use skins for RadControls in Sitefinity. Let's say that your site is using a particular theme, tat is located in the ~/App_Themes/
folder of your project (we will use the White fluid that comes with Sitefinity for example). Now if you take a look at the contents of the ~/App_Themes/White fluid/
directory you will see that there is a file called RadMenu.skin
and folder called Menu
file defines the skins that Sitefinity SiteMenu control uses (this control is actually RadMenu contained in a control wrapper). If you open the file and take a look at it you will see that you have a property Skin="Menu"
there you can define RadMenu to use your custom skin, for example menu1. So you should change the ~/App_Themes/White fluid/RadMenu.skin
|<%@ Register TagPrefix="telerik" Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" %>
Now you will have to create a folder with the same name as the skin, which will hold all styles and images for your skin. For reference take a look at the ~/App_Themes/White fluid/Menu/
directory that holds the styles for the default Menu
skin used by the Site Menu, when you are using this particular theme.
The principle for skinning other RadControl, and creating skins for the other navigation controls in Sitefinity is the same. For example if you want to style your own custom Site PanelBar for your side navigation just create a file RadPanel.skin in your theme folder and follow the above instructions.
As a good tutorial for designing in Sitefinity you can take a look at the Designing & Skinning with Sitefinity webinar.
I hope I gave you a clear introduction on how you should go about when creating your custom styles in Sitefinity. If you have more questions, please feel free to contact us.
the Telerik team