View Full Version : Forums not center aligned (Fix inside)
Kennocha
03-09-2011, 11:38 AM
I got incredibly irritated at the center align issue of these new forums. So here are the fix's you need to add to center it. There are addons that you may use to do this manually, but my hope is SE implements them seeing as it takes less than 5 seconds.
html {
background:#555046 url(images/elevenb/doc_bg.jpg) repeat-y ;
}
Needs to be:
html {
background:#555046 url(images/elevenb/doc_bg.jpg) repeat-y ;
background-position:top center;
}
And:
body {
width:910px;
min-width:650px;
max-width:auto;
margin: 38px 0px 0px 57px;
font-size:13px;
color:#3e3e3e;
line-height:1.230;
}
Needs to be:
body {
width:910px;
min-width:650px;
max-width:auto;
margin: 38px 0px 0px 57px;
font-size:13px;
color:#3e3e3e;
line-height:1.230;
margin-left: auto;
margin-right: auto;
}
Tested in Chrome 10.
Hope you can implement these changes :)
Kennocha
03-09-2011, 12:06 PM
As a quick update, in chrome I was able to apply this using https://chrome.google.com/extensions/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en
Hope it helps someone :)
Alhanelem
03-09-2011, 12:16 PM
First: I'm pretty sure SE has competent web developers on staff and they don't need to be told how to do this.
Second, it might be intentional. it is a little odd, I agree, but as both forums do this and a default vBulletin configuration would be centered (I can tell they're using vBulletin, with some modificaitons), it may have been intended to be that way.
Kennocha
03-09-2011, 12:18 PM
First: I'm pretty sure SE has competent web developers on staff and they don't need to be told how to do this.
Second, it might be intentional. it is a little odd, I agree, but as both forums do this and a default vBulletin configuration would be centered (I can tell they're using vBulletin, with some modificaitons), it may have been intended to be that way.
The fix's were more for anyone who uses add-ons to apply them. I am sure SE has people who can do it however, an omission like this appears to be more oversight than not. It's quite easy to tell this is VB, the second line in the source code says that as well ;)
Linku
03-09-2011, 06:37 PM
Doesn't work at all in Firefox
Nerji
03-10-2011, 12:35 AM
how do you apply the fix with that plugin kennocha.
Kennocha
03-10-2011, 02:21 AM
You would:
Open the icon and then hit options
Hit Add new style
Name it "FFXI"
For the code add one of the ones I said to replace in one block.
Click add Another Section
Add the other code I said to replace.
Click specify for both blocks
Select URL's Starting with
Enter: "http://forum.square-enix.com/ffxi/"
Click save.
Kennocha
03-10-2011, 02:29 AM
Or better yet:
http://userstyles.org/styles/45016/ffxi-forums-centering?r=1299691686
If you have stylish installed, just click install and you don't have to muck with anything :)
It will also center the FFXIV forums if you use them as well.
Linku
03-10-2011, 06:41 AM
Or better yet:
http://userstyles.org/styles/45016/ffxi-forums-centering?r=1299691686
If you have stylish installed, just click install and you don't have to muck with anything :)
It will also center the FFXIV forums if you use them as well.
Doesn't work in Firefox still.
Kennocha
03-10-2011, 06:59 AM
Tinkering with Firefox now :) Will let you know if I get it right.
Kennocha
03-10-2011, 07:37 AM
I.. honestly am baffled here. The code is right, firebug says its correct.For some reason the rules just don't seem to be getting processed in FF in Stylish.
I tried other webpages etc, it seems to work there, so there must be something weird that Stylish doesn't like on the forums. I used firebug and verified my code, it fix's it for sure in firefox as well, just doesn't seem to work in Stylish. I might ask their developers.
Linku
03-10-2011, 10:03 AM
I've been doing some testing of my own, it seems like Stylish is getting overruled by the site's CSS.
Kennocha
03-10-2011, 10:42 AM
Yea, It's quite odd. It might have something to do with the way Firefox's API with rendering pages. Only their developers would know more I suppose. The code is definitely valid for FF Though :(
Nerji
03-10-2011, 10:42 PM
thanks for that, looks great now
Just add !important to everything to override the site's css.
body {
width:910px !important;
min-width:650px !important;
max-width:auto !important;
margin: 38px 0px 0px 57px !important;
font-size:13px !important;
color:#3e3e3e !important;
line-height:1.230 !important;
margin-left: auto !important;
margin-right: auto !important;
}
Linku
03-16-2011, 06:56 AM
Works great rog, thanks! I thought Stylish did override by default, guess not. Are you the same rog from Alla?
Are you the same rog from Alla?
I am.
1234567890