+1-888-365-2779
Try Now
More in this section

Forums / Bugs & Issues / Css Problem

Css Problem

3 posts, 0 answered
  1. Vishika
    Vishika avatar
    9 posts
    Registered:
    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
    Registered:
    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.

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

    Thanks for the assist!

    Regards,
    David C
    Telerik
    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