X
Tap here to go to the mobile version of the site.

Support Forum

How to remove any instance of "border-radius: 100%;" on a certain website?

Posted

I want to disable this line from appearing in the inspect element on one website only. How do I make firefox do this automatically? If possible, just make it an addon because IDK how and I dont know how to code. Not going to learn.

Has to work in firefox 28, and I only want to prevent Firefox from loading this line.

I want to disable this line from appearing in the inspect element on one website only. How do I make firefox do this automatically? If possible, just make it an addon because IDK how and I dont know how to code. Not going to learn. Has to work in firefox 28, and I only want to prevent Firefox from loading this line.
Attached screenshots

Modified by polobob

Additional System Details

Installed Plug-ins

  • Shockwave Flash 16.0 r0
  • Next Generation Java Plug-in 11.31.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Unity Player 4.6.2f1
  • Adobe Shockwave for Director Netscape plug-in, version 12.1.6.156
  • McAfee MSC FF plugin DLL
  • Intel web components for Intel® Identity Protection Technology
  • Intel web components updater - Installs and updates the Intel web components

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:28.0) Gecko/20100101 Firefox/28.0

More Information

Helpful Reply

oh it has to work for firefox 28, not going to update ever.

oh it has to work for firefox 28, not going to update ever.
jscher2000
  • Top 10 Contributor
8797 solutions 71955 answers

Helpful Reply

Hmm, I'm not aware of any way to do that.

Why don't you want to see it? The purpose of having the rule with a line through it is to show you that Firefox has disregarded that particular style rule and is applying a later or more specific one for the border-radius property instead.

Hmm, I'm not aware of any way to do that. Why don't you want to see it? The purpose of having the rule with a line through it is to show you that Firefox has disregarded that particular style rule and is applying a later or more specific one for the border-radius property instead.
jscher2000
  • Top 10 Contributor
8797 solutions 71955 answers

Or... did you uncheck it manually because you don't like the effect of that rule, and now you want a way to disregard that rule automatically?

Or... did you uncheck it manually because you don't like the effect of that rule, and now you want a way to disregard that rule automatically?

Question owner

jscher2000 said

Or... did you uncheck it manually because you don't like the effect of that rule, and now you want a way to disregard that rule automatically?

Yes, and I prefer seeing avatars in square form rather than circles.

''jscher2000 [[#answer-695266|said]]'' <blockquote> Or... did you uncheck it manually because you don't like the effect of that rule, and now you want a way to disregard that rule automatically? </blockquote> Yes, and I prefer seeing avatars in square form rather than circles.
jscher2000
  • Top 10 Contributor
8797 solutions 71955 answers

Aha, okay, you can use a custom style rule to hack the page. I realize this kind of looks like coding, but the code is already written, so it's more like copying and pasting.

First, you can install the Stylish extension. This add-on makes it easier to apply custom style rules to pages (and, if necessary, Firefox's UI). You can get it here: https://addons.mozilla.org/firefox/addon/stylish/

Second, you'll need to select and copy this six-line style rule:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.mineheroes.net") {
  .avatar img, .avatar .img, .avatarCropper {
      border-radius: 2px !important;
  }
}

Third, load up a thread in the site and look for the Stylish "S" icon on the toolbar. (If necessary, you can use the Customize feature to add it to the toolbar temporarily. See: Customize Firefox controls, buttons and toolbars.)

Click the S, then Write New Style, then Blank Style.

A new tab should open with the cursor next to "1" (the line number counter).

Paste the rule you copied earlier and click Preview.

When you switch back to the forum, the avatar icons should be (mostly) square again.

I have attached a screen shot showing what that should look like. (To shrink the rule editor to a small box, I first right-clicked the tab and used Move to New Window.)

Assuming it worked, you can switch back over the Stylish editor, give your rule a name, and save it.

Any luck?

Aha, okay, you can use a custom style rule to hack the page. I realize this kind of looks like coding, but the code is already written, so it's more like copying and pasting. First, you can install the Stylish extension. This add-on makes it easier to apply custom style rules to pages (and, if necessary, Firefox's UI). You can get it here: https://addons.mozilla.org/firefox/addon/stylish/ Second, you'll need to select and copy this six-line style rule: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.mineheroes.net") { .avatar img, .avatar .img, .avatarCropper { border-radius: 2px !important; } } Third, load up a thread in the site and look for the Stylish "S" icon on the toolbar. ''(If necessary, you can use the Customize feature to add it to the toolbar temporarily. See: [[Customize Firefox controls, buttons and toolbars]].)'' Click the S, then Write New Style, then Blank Style. A new tab should open with the cursor next to "1" (the line number counter). Paste the rule you copied earlier and click Preview. When you switch back to the forum, the avatar icons should be (mostly) square again. I have attached a screen shot showing what that should look like. ''(To shrink the rule editor to a small box, I first right-clicked the tab and used Move to New Window.)'' Assuming it worked, you can switch back over the Stylish editor, give your rule a name, and save it. Any luck?