MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
/*
 Specifically target ONLY the Buy Me a Coffee footer icon container
 to remove its border/background/padding.

 **IMPORTANT:** The class name 'mw-footer-icon-buymeacoffee' below is based
 on the standard convention using the key 'buymeacoffee' you used in LocalSettings.php.
 It's usually correct, but **please verify** it using your browser's developer tools.

 How to Verify:
 1. Right-click on the yellow 'Donate/捐款' button (or the box around it).
 2. Select 'Inspect' or 'Inspect Element'.
 3. Look at the highlighted HTML code. Find the <li> element that contains the link and image for your button.
 4. Check the 'class' attribute of that <li> element. Look for a class containing 'buymeacoffee'.
 5. If the actual class name is different (e.g., just 'buymeacoffee-icon' or something else),
    replace 'mw-footer-icon-buymeacoffee' in the CSS rules below with the actual class name you found.
*/

/* Target the list item specific to the BMC button */
.mw-footer-icons li.mw-footer-icon-buymeacoffee {
  border: none !important;       /* Remove border */
  background: none !important; /* Remove background */
  padding: 0 !important;        /* Remove padding */
}

/* Target the link within the specific list item, just in case */
.mw-footer-icons li.mw-footer-icon-buymeacoffee a {
  border: none !important;       /* Remove border */
  background: none !important; /* Remove background */
  padding: 2px !important;        /* Adjust or remove as needed */
}