Bing News Minimal Cleanup

Remove left margin, hide logo, cap captions, restore full text, remove padding, and clear background color

  1. // ==UserScript==
  2. // @name Bing News Minimal Cleanup
  3. // @description Remove left margin, hide logo, cap captions, restore full text, remove padding, and clear background color
  4. // @match https://www.bing.com/news*
  5. // @run-at document-start
  6. // @version 0.0.1.20250504012739
  7. // @namespace https://greasyfork.org/users/1435046
  8. // ==/UserScript==
  9.  
  10. (function () {
  11. const css = `.newscontainer {
  12. margin-left: 0 !important;
  13. }
  14.  
  15. .b_logoArea {
  16. display: none !important;
  17. }
  18.  
  19. .caption {
  20. max-width: 290px !important;
  21. }
  22.  
  23. /* Restore full snippets and titles */
  24. .newsitem .snippet,
  25. .newsitem .title {
  26. max-height: none !important;
  27. display: block !important;
  28. }
  29.  
  30. /* Remove padding inside news cards */
  31. .newsitem .news-card-body {
  32. padding: 0 !important;
  33. display: flex !important;
  34. flex-direction: column-reverse !important;
  35. }
  36.  
  37. /* Clear background in dark mode news items */
  38. body.b_dark .newsitem {
  39. background-color: transparent !important;
  40. }
  41.  
  42. /* Revert title color in dark mode back to default */
  43. body.b_dark .newsitem .title {
  44. color: revert !important;
  45. }
  46.  
  47. .newsitem .image {
  48. float: none !important;
  49. margin: 0 !important;
  50. }
  51.  
  52. `;
  53. const style = document.createElement('style');
  54. style.textContent = css;
  55. document.head.appendChild(style);
  56. })();