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

Forums / Designing with Sitefinity / Using CSS to Skin Navigation

Using CSS to Skin Navigation

5 posts, 0 answered
  1. Ian Lyons
    Ian Lyons avatar
    4 posts
    Registered:
    19 Aug 2009
    19 Aug 2009
    Link to this post
    Hi Telerik,

    I'm attempting to skin the navigation of my site using CSS, but to no avail. To some extent I can override the base CSS by using !important tags, but I'm not able to get it entirely where I want it to be. I know that the overriding style is being dynamically generated because it's coming from places like "WebResource.axd?d=zvXoUpBchWzvxd6dCtl-uk8 ... ", but it doesn't change the fact that I'm unable to get this data as I want it. Any help? Where can I go to edit these files?

    Ian
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    19 Aug 2009
    Link to this post
    Hello Ian Lyons,

    The only ways to remove the styles that comes from Web.Resouces is overriding classes and set properties with impotant statements or disabling the web resources.

    Greetings,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. Ian Lyons
    Ian Lyons avatar
    4 posts
    Registered:
    19 Aug 2009
    20 Aug 2009
    Link to this post
    How would I go about disabling the web resources? Is it possible to disable some but not all?
  4. Ian Lyons
    Ian Lyons avatar
    4 posts
    Registered:
    19 Aug 2009
    20 Aug 2009
    Link to this post
    The main problem, I believe, is that the Telerik stylesheet always loads last in the order by default and thus overruns all of the non- !important properties that I set. As a result, I can't define two separate  font sizes, for example, using the inheritive properties of CSS... is there any way to change at least the order in which the stylesheets load?
  5. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    21 Aug 2009
    Link to this post
    Hi Ian Lyons,

    You can turn off embedded CSS files so that they don't get loaded.

    If you set EnableEmbeddedSkins="false" the predefined Telerik Skins will not be used. If you set EnableEmbeddedBaseStylesheet="false" the basic CSS will not be loaded as well. 

    These properties can be set in a .skin file, or the other way is to set them in Sitefinity administration.To set the properties in Sitefinity administration, go to Page Editor, open navigation properties window (click Edit), expand Misc group and click Edit, and you will find the properties there. 

    Let us know if you need further help.


    All the best,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.


    All the best,
    Katia
    the Telerik team

    Instantly find answers to your questions on the newTelerik Support Portal.
    Check out the tipsfor optimizing your support resource searches.
Register for webinar
5 posts, 0 answered