We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Natao arisiva ity resaka mitohy ity. Mametraha fanontaniana azafady raha mila fanampiana.

Is it possible to change the size of the 'Close' button in Full Screen viewing mode?

  • 2 valiny
  • 1 manana an'ity olana ity
  • 11 views
  • Valiny farany nomen'i nzskater

nzskater
nzskater
more options

I am currently using Firefox for a kiosk type scenario. We require that the browser run full screen. The issue is that the 'Close' button is not large enough for users to consistently see, so they're having issues figuring out how to close an active browser window.

Can anyone tell me if it's possible to change this icon? I've tried using themes, but they tend to theme everything but the close button.

Custom configuration details are below.

Firefox version: firefox-3.0.4-1.el5.centos

Customisations:

Access to local drives disabled: Modified the contents of /usr/lib/firefox-3.0.4/chrome/browser.jar, so that browser.js has the added stanza: 

if (location.match(/^file:/) || 
location.match(/^\//) || 
location.match(/^resource:/) ||
(!location.match(/^about:blank/) &&
location.match(/^about:/))) {
loadURI("about:blank");
}

Various menus & bookmarks disabled in chrome/userChrome.css 

/* Kill "normal" bookmark icons in the bookmarks menu */
menuitem.bookmark-item > .menu-iconic-left {
  display: none;
}

/* kill icons for bookmark folders in Bookmarks menu */
menu.bookmark-item > .menu-iconic-left {
  display: none;
}

/* kill icons for bookmark groups in Bookmarks menu */
menuitem.bookmark-group > .menu-iconic-left {
  display: none;
}

/* Remove the Edit and Help menus
   Id's for all toplevel menus:
   file-menu, edit-menu, view-menu, go-menu, bookmarks-menu, tools-menu, helpMenu */

helpMenu { display: none !important; }
tools-menu { display: none !important; }
file-menu { display: none !important; }
edit-menu { display: none !important; }
view-menu { display: none !important; }
go-menu { display: none !important; }
bookmarks-menu { display: none !important; }


#autohide-context { display: none !important;}

#bookmarksToolbarFolderMenu { display: none !important;}
#organizeBookmarksSeparator { display: none !important;}
.tabbrowser-tabs .tab-icon {
  display: none;
}

#urlbar {
font-family: Arial !important;
color: Black !important;
font-size: 26 !important; }
I am currently using Firefox for a kiosk type scenario. We require that the browser run full screen. The issue is that the 'Close' button is not large enough for users to consistently see, so they're having issues figuring out how to close an active browser window. Can anyone tell me if it's possible to change this icon? I've tried using themes, but they tend to theme everything but the close button. Custom configuration details are below. Firefox version: firefox-3.0.4-1.el5.centos Customisations: Access to local drives disabled: Modified the contents of /usr/lib/firefox-3.0.4/chrome/browser.jar, so that browser.js has the added stanza: <pre><nowiki>if (location.match(/^file:/) || location.match(/^\//) || location.match(/^resource:/) || (!location.match(/^about:blank/) && location.match(/^about:/))) { loadURI("about:blank"); }</nowiki></pre> Various menus & bookmarks disabled in chrome/userChrome.css <pre><nowiki>/* Kill "normal" bookmark icons in the bookmarks menu */ menuitem.bookmark-item > .menu-iconic-left { display: none; } /* kill icons for bookmark folders in Bookmarks menu */ menu.bookmark-item > .menu-iconic-left { display: none; } /* kill icons for bookmark groups in Bookmarks menu */ menuitem.bookmark-group > .menu-iconic-left { display: none; } /* Remove the Edit and Help menus Id's for all toplevel menus: file-menu, edit-menu, view-menu, go-menu, bookmarks-menu, tools-menu, helpMenu */ helpMenu { display: none !important; } tools-menu { display: none !important; } file-menu { display: none !important; } edit-menu { display: none !important; } view-menu { display: none !important; } go-menu { display: none !important; } bookmarks-menu { display: none !important; } #autohide-context { display: none !important;} #bookmarksToolbarFolderMenu { display: none !important;} #organizeBookmarksSeparator { display: none !important;} .tabbrowser-tabs .tab-icon { display: none; } #urlbar { font-family: Arial !important; color: Black !important; font-size: 26 !important; }</nowiki></pre>

Novain'i cor-el t@

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try code like this: 

#window-controls .toolbarbutton-icon {
 width: 25px !important; 
 height: 25px !important;
}

The three buttons have these IDs: 

#minimize-button
#restore-button
#close-button
nzskater
nzskater Tompon'ny fanontaniana
more options

Thanks for the prompt response, will try it out and post results.