Search code examples
htmlcssadblock

Adblock plus - hide part of css style or change class name?

Adblock hides the adverts on http://www.outlook.com but leaves an empty sidebar which i want to remove There are 2 methods i found to remove the sidebar manually but i want to do it with adblock plus

Method 1: the sidebar div is set as:

<div id="contentRight" class="ContentRight WithSkyscraper">

by removing WithSkyscraper from the class the sidebar is hidden.

Method 2: The other way of doing it is in the css file there is a class:

.App.Unmanaged .ContentRight.WithSkyscraper #ManagedContentWrapper
{
padding-right:160px;
}

by deleting padding-right or changing 160px to 0px the sidebar also hides

is it possible to do one of these 2 methods with adblock plus? Or is there another addon that could be used

Thanks for your help

Solution

  • I installed the addon Stylish on to firefox and created my own style to change the width to 0px

    .App.Unmanaged .ContentRight.WithSkyscraper #ManagedContentWrapper 
{
padding-right: 0px !important;
}