this post was submitted on 16 Sep 2024
2 points (100.0% liked)

Firefox Customs

2 readers
1 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 1 year ago
MODERATORS
 

Hey!

I am trying to make a line that goes from one side of the screen to the other under the navbar or the tabs, I have a gradient I'd like to use. I've tried with border bottom but haven't been able to achieve it.

Any suggestions? Thanks!

top 3 comments
sorted by: hot top controversial new old
[–] [email protected] 2 points 2 months ago* (last edited 2 months ago) (1 children)

Something like this should work:

#navigator-toolbox::after{
  height: 1px;
  background-image: linear-gradient(to right, blue, yellow, cyan, magenta, red);
  order: 1000;
  content: "";
  display: flex !important;
}
[–] [email protected] 1 points 2 months ago

As always it works perfectly. Thanks a lot!

[–] [email protected] 1 points 2 months ago

Try the userstyles suggested in previous r/FirefoxCSS topic: 'Help needed, how to change border color under the bookmarks toolbar ?'... ignore "under the Bookmarks toolbar" in title... these lines actually appear between main toolbars and the webpage Content window.

BTW - Do give BiggMurr's reply a try... the whacked-out auto-changing border colours userstyle is a fun option... although you will need black or dark toolbars and content window to really enjoy the show!