1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Reverse quicknav icon in breadcrumbs

Discussion in 'Template Modifications [Archive]' started by Shelley, Jan 14, 2011.

  1. Shelley

    Shelley Well-Known Member

    This will switch the image of the quicknav icon that triggers the overlay in the breadcrumbs.

    For those that wish to just overwrite the image just unzip the archive and upload into your widgets folder.

    For those of you who want to keep the icon as backup go into your extra.css template and paste in the code below

    Code:
    .breadcrumb #jumpMenuTrigger
    {
        @property "breadcrumbJumpMenuTrigger";
        background: transparent url('@imagePath/xenforo/widgets/quicknav1.png') no-repeat;
        margin: 5px;
        display: block;
        float: right;
        white-space: nowrap;
        text-indent: 9999px;
        overflow: hidden;
        width: 13px;
        height: 13px;
        @property "/breadcrumbJumpMenuTrigger";
    }
    
    Now rename the quicknav.png from the archive and title it quicknav1.png and then upload that icon to the widgets folder.The latter is seriously overkill i'm not even sure it's needed I feel embarrassed even posting that. Just upload the icon if you prefer it in reverse. :p

    Below is a screenshot on how it looks with the icons being reversed. I feel though the changing of the title and applying the code in the extra.css

    preview.png
     

    Attached Files:

Share This Page