Jump to content

How to overwrite CSS elements loaded from CDN?


Recommended Posts

Hello, I'm trying to style some embedded cards like reddit and others, to add ba white backgroundon a custom skin. However I can't seem to override its styles what come from this file:


if I add to custom.css

.card.reddit .reddit-post

.card.reddit .reddit-post {background:#fff; background-color:#fff}

nothing changes on refresh.

but if I add this line when in inspect element - then voila - bg changes.

Link to comment
Share on other sites

On 9/9/2020 at 9:16 AM, opentype said:

try something like background: #FFF !important;

important does not work in this case

On 9/9/2020 at 9:29 AM, V0RT3X666 said:

In my themes I use .embedly-card to make those embeds fit to the post background. !important isn't necessary in that case.

thanks, I'm onto something here.


Any idea how I could remove those grey borders around the reddit post or reduce the white area which I marked in red?

Edit I added margin: 0% 6% 0% 0%; to the css class and it seems to have reduced the white area nicely. but is that the way to go what do you think @V0RT3X666?

@bfarber it is in a frame I assume.

Edited by Maxxius
Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...