Center Google
Hi,
I try to center google and I need your help for 2 thing please :
1- Can't center tools panels (https://imgur.com/zlDCXMQ), how should I do it please ?
2- how should I do it to make tools on google always be visible ? Each time i leave google and come back tools are not visible by default, have to click on tools button each time (https://imgur.com/Zaomn67)
Script actually:
#tsf {
margin: auto!important;
}
#gb {
width: 1170px!important;
margin: auto!important;
right: 20px!important;
}
.mw {
margin: auto!important;
width: 1010px!important;
margin-top: -3px!important;
}
#appbar, #hdtbSum, .hdtb-mn-cont {
width: 1010px!important;
margin: auto!important;
}
#searchform.mdm.jsrp {
margin: auto!important;
width: 2315px!important;
}
(i try to upload screenshot but each time "internal error" so uploaded on imgur, hope it's ok, and sorry for my bad english, im french ;p)
I try to center google and I need your help for 2 thing please :
1- Can't center tools panels (https://imgur.com/zlDCXMQ), how should I do it please ?
2- how should I do it to make tools on google always be visible ? Each time i leave google and come back tools are not visible by default, have to click on tools button each time (https://imgur.com/Zaomn67)
Script actually:
#tsf {
margin: auto!important;
}
#gb {
width: 1170px!important;
margin: auto!important;
right: 20px!important;
}
.mw {
margin: auto!important;
width: 1010px!important;
margin-top: -3px!important;
}
#appbar, #hdtbSum, .hdtb-mn-cont {
width: 1010px!important;
margin: auto!important;
}
#searchform.mdm.jsrp {
margin: auto!important;
width: 2315px!important;
}
(i try to upload screenshot but each time "internal error" so uploaded on imgur, hope it's ok, and sorry for my bad english, im french ;p)
Comments
Try this:
If it's in your code, didn't work. Do you know how to do ?
(in your code, little bug with search bar on home page google)
Don't target
@-moz-document domain("google.com")
, it's for@-moz-document url-prefix("https://www.google.com/search")
only as home page already is centered and stuff like maps.google.com or docs.google.com shouldn't be targeted either.Try this:
https://userstyles.org/styles/161973/
(stolen from @calico)
There is a bug, the tools appear by default but not the background in image page : https://i.imgur.com/RFhSdbT.jpg
Need to be like this : https://imgur.com/AhOQ67d.jpg
I think it's a thing with .hdtbMenus.hdtb-td-o maybe, but idk, can you help me for this?
With the code I gave you above it looks good / like this for me:
https://screenshots.firefox.com/fozsPKZIug8wmlHH/www.google.de
Deactivate the other stuff and only import the code above.
I'm not sure if I understand you correctly or if you still have styles installed interfering with the code above.
Look when you click on tools without style, and look without click on tools with your style, it's not the same.
When you click on tools, tools submenu appear above the line, but with your style appear below.
Wanna try to make a code like when you click on tools, submenu appear above the line.
I know it's just a detail but i wanna try to make like that, if possible, that works on every page apart on image page :/
You could also make a tampermonkey userscript to always expand "tools" so we don't have to rebuild the google style. The less you change, the more probable it is to work for long and also with other styles.