Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Rarbg White border

Hey.

I have tried out several styles for Rarbg.to and found one i wanted to modify a bit, it was the one that came closest to what i wanted, but none of the styles that i tried had the white border replaced, so i tried to find out where it was and how to replace it, i found out where it is, but not how to even replace it :/

https://i.imgur.com/pCUSblr.png


This is what i found out.



So what i need is a way to change that

"class="lista2t" style="border:1px solid #d8d8d8 !important;""

or just the color in it, but what ever i do, it wont replace it, and it might also be why none of the styles for that site ever have it replaced, but just seams a bit odd that you can replace anything else but that one thing hmm

I have tried with

table[style] {
border:1px solid #1ff111 !important;
}

But naah only gave me yellow around a lot of other except that what i wanted :/

I also tried this

table.lista2t
{
border-bottom:21px solid #ff0000;
border-left:21px solid #ff0000;
}

Also tried to disable all other styles i have installed, just to see if some were interfering but naah :(


Any suggestions ?
595 x 380 - 81K

Comments

  • edited October 10 Chrome
    Inline CSS with !important declarations aren't overridable with traditional stylesheets. The legacy Stylish for Firefox has the /* AGENT_SHEET */ trick that'll do it, but Chrome does not.

    Short of using javascript to strip it out, you can usually implement some terrible CSS hacks to accomplish the look you're going for. If no other border properties negate it properly, maybe they can be obfuscated with box-shadows or some pseudo-elements or something.

    I'd check it out, but I'm not easily finding the layout or elements you're referring to. Direct links are always helpful.
  • Hey, yeah i was not sure if i were allowed to link to a torrent side :D

    https://rarbg.to/catalog/tv/

    its any where on the sub pages, where you got the images to the left, and the link to the torent on the right side.

    I also tried to install http://tampermonkey.net but also cant find a way to replace it, and im not a coder at all, i just look at other example and see if i can find a way to get it to work for me, so that might also be a problem, i do graphic not coding but cant paint my way out of this :(

    And yeah i use Chrome went away from Firefox like 5-6 years ago, had to much problem with it.

    And thx for taking your time to help.
  • edited October 11 Chrome
    Well, if a userscript works for you, here's the simple version:
    // ==UserScript==
    // @name Rarbg remove style attribute
    // @version 0.1
    // @match https://rarbg.to/*
    // @grant none
    // ==/UserScript==

    (function() {
    'use strict';

    $('table').removeAttr("style");
    })();
    Haven't tested with a style, so I'm not sure how seamlessly it strips it on page load. There are other more complicated ways of doing it faster, but maybe that's good enough.

    table is a pretty generic selector, but given that you're only stripping the style attribute, there's a good chance it'll be fine. You may wanna re-add the border/margin in your style. Not sure if there are other elements you need to include either.

    Give it a shot and see if it works for what you're looking to do.
  • edited October 11 Chrome
    I was curious, so I checked and it is slow AF. Userscripts aren't my specialty, but here's a fast version using a modified script by wOxxOm with his MutationHandler:
    // ==UserScript==//
    // @name Rarbg remove style attribute
    // @include https://rarbg.to/*
    // @run-at document-start
    // @require https://greasyfork.org/scripts/12228/code/setMutationHandler.js
    // ==/UserScript==

    // process the already loaded portion of the page
    process(document.querySelectorAll(
    'table[style*="border:1px solid #d8d8d8 !important;"]'
    ));

    // process the stuff loaded from now on
    setMutationHandler(
    document,
    'table[style*="border:1px solid #d8d8d8 !important;"]',
    process
    );

    function process(nodes) {
    for (var i=0, n; (n=nodes[i++]); ) {
    n.removeAttribute('style');
    }
    }
  • weee works great :D

    As you can see in the image, the border is removed :D
    The upper one was what i saw before, and the lover one after :D

    Thx a lot mate for your help :D

    1502 x 711 - 338K
Sign In or Register to comment.