JavaScript Chrome extension to edit page HTML and CSS not working

[Johna]

Ok, so the last question I posted I didn't put the code in the </> thing, so I'm re-asking it here.

Hi everyone, I made this extension to view unlimited number of Quora pages without having to sign up by removing the sign up popup. I don't know what I did wrong, but it isn't working. My browser also doesn't give any errors.


Here's the code:

manifest.json

{
    "manifest_version": 2,
    "name": "Quora Unlimited",
    "version": "1.0",
    "description": "This extension allows you to view unlimited number of Quora pages a day without needing an account.",
    "icons": {
        "16": "Icons/quoraLogo16.png",
        "32": "Icons/quoraLogo32.png",
        "48": "Icons/quoraLogo48.png",
        "128": "Icons/quoraLogo128.png"
    },
    "content_scripts": [
        {
            "matches": ["https://www.quora.com/*"],
            "js": ["JavaScript/signUpRemove.js"],
            "css": ["CSS/blurRemove.css"],
            "run_at": "document_end"
        }
    ]
}

signUpRemove.js

const elements = document.getElementsByClassName("q-flex qu-alignItems--center qu-justifyContent--center qu-overflow--hidden qu-zIndex--blocking_wall");
while (elements.length > 0) elements[0].remove();

blurRemove.css

.q-box qu-overflow--hidden {
    box-sizing: border-box;
    position: none !important;
    inset: 0px;
    filter: blur(0px) !important;
}

And here is the structure of my folder/directory:
Quora Unlimited ├ CSS | └ blurRemove.css ├ Icons | ├ quoraLogo16.png | ├ quoraLogo32.png | ├ quoraLogo48.png | └ quoraLogo128.png ├ JavaScript | └ signUpRemove.js └ manifest.json

Does anyone have any idea why the extension isn't working?

Thanks.

 

[Johna]

Ok It's working now.
Rather than deleting the sign up popup with JavaScript, I just hid it using CSS.

Here is my new code if any of you want to see it:

manifest.json

{
  "manifest_version": 2,
  "name": "Quora Unlimited",
  "version": "1.0",
  "description": "This extension allows you to view unlimited number of Quora pages a day without needing an account.",
  "icons": {
    "16": "Icons/quoraLogo16.png",
    "32": "Icons/quoraLogo32.png",
    "48": "Icons/quoraLogo48.png",
    "128": "Icons/quoraLogo128.png"
  },
  "content_scripts": [
    {
      "matches": ["https://www.quora.com/*"],
      "css": ["CSS/removeOverlayPopup.css"],
      "run_at": "document_end"
    }
  ]
}

removeOverlayPopup.css

.q-box.qu-overflow--hidden {
  box-sizing: border-box !important;
  inset: 0px !important;
  filter: blur(0px) !important;
  position: relative !important;
}

.q-flex.qu-alignItems--center.qu-justifyContent--center.qu-overflow--hidden.qu-zIndex--blocking_wall {
  display: none !important;
}

And here is the new structure of my folder/directory:
Quora Unlimited ├ CSS | └ removeOverlayPopup.css ├ Icons | ├ quoraLogo16.png | ├ quoraLogo32.png | ├ quoraLogo48.png | └ quoraLogo128.png └ manifest.json