skin CSS -hide breadcrumb trail on page
Last Post 01/15/2009 3:44 PM by Lee Sykes. 3 Replies.
Author Messages
Aggiedan97
Nuke Master
Nuke Master
Posts:162


--
01/14/2009 3:14 PM

    I need to hide a breadcrumb trail on a page without altering a skin or the site stylesheet. I would like to do so by injecting a CSS element on the page versus altering the entire skin/site CSS or creating a new version of the skin just for that page.

    Anyone added a module (HTML/Text or XML or Custom...) that could be used to overlay the default skin/site CSS?

    Joseph Craig
    DNN MVP
    Posts:11667


    --
    01/14/2009 3:44 PM
    Depending on how your skin is constructed, you can insert a style on that page to disable display of the breadcrumb.

    For example, on a site that I have, if I set this style:

    .skinheader{display:none;}

    The result is that the entire section with the skinheader style is suppressed.  That gets the breadcrumb text, the braile-like symbols that surround it, the horizontal bar, and also the current date.

    If, instead I set:

     #dnn_dnnBREADCRUMB_lblBreadCrumb{display:none}

    then only the breadcrumb text is suppressed.

    That particular skin isn't set up to suppress display of the entire breadcrumb and only the breadcrumb.  In your case, you could edit the skin such that a single class or ID controls the part that you want to suppress, and then you can do that by applying a style for that class or ID on only that page.  You can do that by putting the style somewhere in the header or footer of a module that is only on that particular page.

    This tutorial:
    Troubleshooting DotNetNuke Skins
    will show some techniques to help identify classes and IDs on a page.  Also, the Web Developer's Toolbar is a great way to interactively test CSS.



    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Aggiedan97
    Nuke Master
    Nuke Master
    Posts:162


    --
    01/15/2009 12:44 PM
    While examining the source of the page that I'm trying to suppress the breadcrumb for, I noticed dotnetnuke copyright info in the meta header of the source. I examined the page source for this site and it doesn't exist. Can you explain why and how to update this?
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    01/15/2009 3:44 PM
    Host menu / Host Settings - untick the Copyright box and it will remove the message from your source code
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---