Try Now
More in this section

Forums / Bugs & Issues / Css Problem

Css Problem

3 posts, 0 answered
  1. Vishika
    Vishika avatar
    9 posts
    21 Nov 2013
    26 Nov 2013
    Link to this post
    Hello, I am actually using thunder to produce a theme for a website but I can't modify the color of the navigation tab.  Can someone please help me?
  2. Jochem Bökkers
    Jochem Bökkers avatar
    787 posts
    13 Aug 2007
    26 Nov 2013 in reply to Vishika
    Link to this post
    Hey Vishika,

    The classes you're looking for are:
    .sfNavHorizontalTabs.sfLevel1 li {
      background-color: #EEE;
    .sfNavHorizontalTabs a.sfSel, .sfNavHorizontalTabs a.sfSel:hover {
      background-color: #CECECE;

    I've attached 2 screenshot so you can see how to spot them with Chrome Inspector or Firebug.

    If you're using Thunder in VisualStudio, if you create a new theme (project >> add new item >> sitefinity >> Sitefinity Theme) it'll create a theme folder with sample files as well. All the navigation classes are listed inside the layout.css inside the theme's global folder.

  3. David C
    David C avatar
    33 posts
    02 Dec 2015
    02 Dec 2013
    Link to this post
    Hi Jochem,

    Thanks for the assist!

    David C
    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
3 posts, 0 answered