[Bug] Cannot Install Super Url Bar From Zen Store

[Fishyfishie]

Affected Theme

• Super Url Bar
• Version 1.4.2

**Cannot install Super Url Bar from zen store **

Zen Version: e.g "1.8.2b(64-bit)"

System OS: "Windows 11"

Describe the bug
Cannot install Super Url Bar from zen store, nothing happens after clicking the install theme button

To Reproduce
Steps to reproduce the behavior:

1. Go to 'super url bar zen store page'
2. Click on 'install theme'
3. Button perma loading while theme is not installed
4. See error

Expected behavior
Theme getting installed

Screenshots/Videos

Additional context
The image for the theme also seems to be broken lol

[Romanhan]

Same problem Windows 11 24H2

[JLBlk]

Yeah, it seems mauro (the dev behing zen) removed it from the theme store, which honestly makes sense. (although i don't know the exact reason) The url bar has evolved a lot ever since i created this mod and i didn't have the time or motivation to keep it updated, so it probably creates a lot of issues (so that people go to mauro to ask for help even though he isn't responsible for that). The code will always be available here, so anyones welcome to use the parts they liked and put it into the userChrome.css file or maybe create a new mod out of it.
Sry...

[englut]

@JLBlk I was using that mod to center the address bar text.. Is there anyway to bring that back?

[JLBlk]

Sure, but you'll have to create a userChrome.css file (if you don't know how, use this: https://docs.zen-browser.app/guides/live-editing) and paste the following code in there:

If you only want it centered when the url is not focused:

#urlbar:not([focused]) .urlbar-input {
  text-align: center !important; 
}

or when you want it to always be centered:

#urlbar .urlbar-input {
    text-align: center !important; 
}

[englut]

Sure, but you'll have to create a userChrome.css file (if you don't know how, use this: https://docs.zen-browser.app/guides/live-editing) and paste the following code in there:

Dang. I always forget about userChrome.css. Thanks for that. Worked perfectly ❤

[Haque13]

Sure, but you'll have to create a userChrome.css file (if you don't know how, use this: https://docs.zen-browser.app/guides/live-editing) and paste the following code in there:

If you only want it centered when the url is not focused:

#urlbar:not([focused]) .urlbar-input {
  text-align: center !important; 
}

or when you want it to always be centered:

#urlbar .urlbar-input {
    text-align: center !important; 
}

thanks sir, this works perfectly.
also how do I make the url only appears as the domain part, when it's not clicked?
for example, it will only shows github.com instead of https://github.com/JLBlk/Zen-Themes/example on github.
I like it less clutter, and that would be very helpful.
thank u very much.

[gomster]

for example, it will only shows github.com instead of https://github.com/JLBlk/Zen-Themes/example on github.
I like it less clutter, and that would be very

@Haque13 u can play with : browser.urlbar.trimURLs in about:config - works fine for me

[justingallant1988]

Big bummer this isnt being maintained anymore. It cleared up a huge amount of issues.