c/firefoxcss · by Saad07@lemmy.world · 3y

[help] SOLVED: unable to modify the background of pocket stories in the Firefox homepage.

Hi, i was trying to change the background of the pocket stories in the Firefox homepage with this code

@-moz-document url("about:home"), url("about:newtab"){
  div.meta{
    background-color: #08111c !important;
  }
}

yet the pocket stories are still the same default grey color.

What is wrong with my code?

5 points · 5 comments · view on lemmy.world

5 Comments

MrOtherGuy@lemmy.world · 2 pts · 3y (4 replies)

I don't see any problems with it, your CSS works just fine. Make sure you put that into userContent.css, not userChrome.css because newtab page is a content document.

Also, please use the community at fedia, https://lemmy.world/c/firefoxCSS@fedia.io

Saad07@lemmy.world · 1 pts · 3y (3 replies)

Strange, for me it just doesn't work. ill post my userContent.css maybe that helps?

https://paste.techbag.app/?e98365a759cff161#9keieGMMRFu4hsyLhdUyfj6B5oiU4oHdChiBBqypwnpr

bali10050@lemmy.world · 1 pts · 3y

@-moz-document url-prefix("about:"){:root{--in-content-page-background: #08111c!important}}
@-moz-document url("about:newtab"), url("about:home"){
body{--newtab-background-color: #08111c !important}
.search-wrapper .search-handoff-button{background-color: #113053 !important}
div.meta{background-color: #08111c !important}}

MrOtherGuy@lemmy.world · 1 pts · 3y (1 reply)

Okay, your userContent.css is missing a closing bracket } in a few places, that's probably what is causing the issue.

You need to close your @-moz-document blocks before opening a new one.

Saad07@lemmy.world · 1 pts · 3y

Yeah that was the culprit thank you so much! It now works.