More in this section

Forums / General Discussions / Change navigation style

Change navigation style

2 posts, 0 answered
  1. Pik Lee
    Pik Lee avatar
    142 posts
    Registered:
    13 Aug 2012
    07 Jul 2011
    Link to this post
    I added navigation widget to the page and would like to know how do change the style? How do I override the default style for the navigation widget?

    Thanks,
    ~Pik
  2. Stanislav Velikov
    Stanislav Velikov avatar
    1113 posts
    Registered:
    18 Sep 2017
    08 Jul 2011
    Link to this post
    Hello Pik,

    There are many ways to do it. You can create a theme for your pages examine the css classes used for the navigation and make changes to them. I have attached 2 videos demonstrating how I make some changes to navigation css classes. You may need to use !important at some declarations where there is overwriting of style rules. Use firebug to examine exactly which classes are applied to the navigation elements. The default styles can not be completely removed since the styles are added from the assemblies of the rad control creating the menu.
    Other option if you don`t want to use a Theme is to use one of the built in skins and enter its name in the Navigation widget backend -> expand Design Settings and enter the name in Css Wrapper Class (skin) textbox.
    You can enter the name of a css document you want to apply to the menu in this box too.
    Other option is to create a css document with styles for the navigation and use Css Widget on the page ( or template) to add this styles when the page is requested.

    All the best,
    Stanislav Velikov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
2 posts, 0 answered