This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Disable element on website

  • 12 replies
  • 0 have this problem
  • 15 views
  • Last reply by Rad1o

more options

I want to permanently and repeatedly disable part of a website that messes up the layout. I get a VEEERY long slider at the bottom when the element is present with a never ending page.

I found out using the inspector which element of the page was doing it and if I "delete the node" the website appears completely normal.

The line in blue is what I want to delete permanently. And it is gone on the second upload.

I want to permanently and repeatedly disable part of a website that messes up the layout. I get a VEEERY long slider at the bottom when the element is present with a never ending page. I found out using the inspector which element of the page was doing it and if I "delete the node" the website appears completely normal. The line in blue is what I want to delete permanently. And it is gone on the second upload.
Attached screenshots

All Replies (12)

more options

Note that Firefox 56.0.2 is quite obsolete.

The screenshot show a class name (carousel__container if I see this correctly) for that DIV container, so you can search the page to see whether this class name is unique and if that is the case block by this class name. If necessary replace the domain from the domain in the URL. userContent.css =>

@-moz-document domain(ebay.com) {
div.carousel__container { display:none!important; }
}

more options

You also could use the Stylus extension to apply the style if setting up a userContent.css file is too much hassle:

https://addons.mozilla.org/firefox/addon/styl-us/

Or if you run an ad blocking add-on, it may already have a feature to hide an element on the page every time you load the page.

more options

Thanks for the replies.

I have tried the userContent.css.

Should the file look like this?

more options

Unfortunately the userContent.css has not done the trick of eliminating the node.

Although I have uBlock installed I am not sure how to code this the get rid of the style. I have looked at styl-us but again am not sure how to code this to stop this node.

more options

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

more options

Hi, What kind of link do you want me to post?

more options

A link to a page that has the element(s) you want to block, so we can check this in the Inspector.

more options

Hi, I cannot attach a txt file here, so have copied the code of the inner HTML below.

<button class="carousel__control carousel__control--prev" type="button" aria-label="Go to previous slide" aria-disabled="true"><svg class="icon icon--carousel-prev" focusable="false" aria-hidden="true"><use xlink:href="#icon-carousel-prev"></use></svg></button>
more options

Outer HTML

more options

This is the CSS path

html.vwlcobcv.idc0_342 body.no-touch.gh-1199 div#mainContent.mainContent.summary div.grid div.grid__group div#middle-wrapper-grid.grid__cell.grid__cell--13of16.m-page-middle.full-width div.m-river.summary div.m-river__body div#container-1-anchor.m-container.container-1 section.m-container-section div.m-container__header div.carousel.m-carousel-pills div#s0-0-33-1-m-containers[]-m-carousel-container.carousel__container.carousel__container--controls-disabled

more options

Below is the Attribute value

s0-0-33-1-m-containers[]-m-carousel-container

more options

Below is the link which the Ebay summary page https://www.ebay.co.uk/mye/myebay/summary