I use a start page similar to the home page here. Works great, looks great, I am happy. :D But my logo jumps to the right side on this page, while on all other board pages it is centered correctly. It must be a problem with my CSS code I think, but I am not good enough with this stuff to find my mistake.
Start page:
http://forum-alternative-antriebe.de
Random board page:
http://forum-alternative-antriebe.de/index.php/topic,5867.0.html
I attached the CSS and PHP file. Would be great if you could help me get my logo centered. O:-)
It looks fine to me, i.e. centered correctly, on both start and forum pages.
Same here.
Try cleaning the browser's cache.
Or maybe it's a particular browser? Which one are you using?
It is the logobox...because she is on 40% in index.css on line 820
If you add this in your custom.css, the logo should be centered:
#logobox, .rightheader #logobox {
max-width: 100%;
}
Oook... that was out of my sensitivity range. lol
Sorry, it was too small of a difference for my eyes to notice...
/me is not good with layouts. lol
With this code it is centered on the start page, but on the forums pages it jumps to the right now. :D
Yes...because you have still this in index.css on line 825:
.centerheader #logobox {
width: 100%;
}
comment it out or change it to max-width 100 % as well
Sorry, that's not the solution. :-[
It is working for me...did you add this in your custom.css?
#logobox, .rightheader #logobox {
max-width: 100%;
}You can do both changes in index.css as well, if you dont use a custom.css:
It should look like this:
.centerheader #logobox {
/* width: 100%; */
}
#logobox, .rightheader #logobox {
float: right;
padding: 0.95em 12px 0 12px;
/*max-width: 40%;*/
max-width: 100%;
}
I have this in my custom.css:
#logobox, .rightheader #logobox {
max-width: 100%;
}
.centerheader #logobox {
max-width: 100%;
}Logo is jumping to the right a bit on forum pages. On the start page it is perfectly centered.
You need to change this in index.css:
.centerheader #logobox {
width: 100%;
}I woud do it that way:
add just this in custom.css:
#logobox, .rightheader #logobox {
max-width: 100%;
}and change this in index.css to:
.centerheader #logobox {
/*width: 100%;*/
}
But custom.css should overwrite index.css or not?
yes...but you are not using the same in both files... ;) there is a max-width and a width.
Okay, but then the logo isn't centered anyway on forum pages BUT I then have a small black frame showing on the right side of the screen. ::) :D
General note: if you are using a custom.css there is no readon to change index.css, add this to custom.css:
.centerheader #logobox {
width: auto;
}instead.
With only this it's not centered on the start page! rofl
Then, on fixing the issue, try with:
.centerheader #logobox, .centerheader #logo, .centerheader #siteslogan,
#password_login .button_submit {
box-sizing: initial;
}
I wrote "General note", I was just explaining how to deal with custom.css without having to touch index.css. ;)
Great, that's working. :)
But what about password_login button in this code? What has this to do with the logo? :o
It's because of the openid button cut at half the original height.
Anyway, this is not a bug, but the result of bootstrap changing the box-sizing on all the elements.
I have no idea why I thought the topic was in bugs, never mind.
Possible. xD
Sorry, that one:
#password_login .button_submit {was:
#top_section_notice .button_submit {
Okay, but still not centered. ;)
Edit: I know installed Ultimate Menu and now the logo isn't centered on all pages. See:
http://www.elkarte.net/community/index.php?topic=2497.msg27384#msg27384
::) :(
Edit: I hope only the IE has this problem. I can't check Chrome right now, but horizontal view on my mobile Chrome shows the icon centered. False alarm...
I think I answered that one in another topic... okay , time to go sleep, really. xD