Jump to content

MediaWiki:Common.css: Difference between revisions

From Artemis Archive
Created page with "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/捐..."
 
Tag: Replaced
 
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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 */
}

Latest revision as of 17:19, 20 April 2025

/* CSS placed here will be applied to all skins */