datguypiko / Firefox-Mod-Blur

Firefox CSS Theme - For dark theme lovers / More compact / Modular / Blur
1.35k stars 62 forks source link

Search bar is not centralized in homepage #131

Closed Notori0 closed 4 months ago

Notori0 commented 4 months ago

Currently i'm using this theme in Librewolf, which may be the reason why i'm not seeing the firefox logo at the side of the search bar. This makes my homepage look very wrong

Preview of the issue: Captura de tela de 2024-07-09 17-09-22

Would it be possible for me to remove the firefox logo and centralize the searchbar by tweaking the Usercss? Btw, thank you very much for this awesome theme, so far it's the best for my usecase!

anthonysgro commented 4 months ago

this just happened to me as well, idk if it was a firefox update or something but today my address bar became centered instead of on the left.

I am using the searchbox_text_align_left mod here: https://github.com/datguypiko/Firefox-Mod-Blur/tree/master/EXTRA%20MODS/Search%20Bar%20Mods/Search%20box%20-%20text%20aligned%20left%20side

so it seems that needs an update now

datguypiko commented 4 months ago

this just happened to me as well, idk if it was a firefox update or something but today my address bar became centered instead of on the left.

I am using the searchbox_text_align_left mod here: https://github.com/datguypiko/Firefox-Mod-Blur/tree/master/EXTRA%20MODS/Search%20Bar%20Mods/Search%20box%20-%20text%20aligned%20left%20side

so it seems that needs an update now

download the latest "searchbox_text_align_left" file it was updated after v2.8 was posted. https://github.com/datguypiko/Firefox-Mod-Blur/blob/master/EXTRA%20MODS/Search%20Bar%20Mods/Search%20box%20-%20text%20aligned%20left%20side/searchbox_text_align_left.css

or just change manually from #urlbar-input-container to .urlbar-input-container

datguypiko commented 4 months ago

Would it be possible for me to remove the firefox logo and centralize the searchbar by tweaking the Usercss? Btw, thank you very much for this awesome theme, so far it's the best for my usecase!

Yeah, add this code to userContent.css

center horizontally

.logo-and-wordmark { display:none !important;}

if you want to center vertically

.outer-wrapper {
  display: flex !important;
  padding-top: unset !important;
}
Notori0 commented 4 months ago

Would it be possible for me to remove the firefox logo and centralize the searchbar by tweaking the Usercss? Btw, thank you very much for this awesome theme, so far it's the best for my usecase!

Yeah, add this code to userContent.css

center horizontally

.logo-and-wordmark { display:none !important;}

if you want to center vertically

.outer-wrapper {
  display: flex !important;
  padding-top: unset !important;
}

Added these to my userchrome.css file and unfortunately the issue still persists, maybe a firefox update broke it?

datguypiko commented 4 months ago

add it in userContent file not userChrome.

at around line 500 would be preferred image

image

Notori0 commented 4 months ago

add it in userContent file not userChrome.

at around line 500 would be preferred image

image

Oh i've misread that completely, my bad! I put the code in the correct file now and that seems to do the trick. My homepage is fine now :) Will close the issue.