Skip to main content ↑ ↓
Topic: logo on start page not centered (Read 4430 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

logo on start page not centered

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:-)

Re: logo on start page not centered

Reply #1 –

It looks fine to me, i.e. centered correctly, on both start and forum pages.

Re: logo on start page not centered

Reply #2 –

Same here.
Try cleaning the browser's cache.

Or maybe it's a particular browser? Which one are you using?
Bugs creator.
Features destroyer.
Template killer.

Re: logo on start page not centered

Reply #3 –

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:

Code: [Select]
#logobox, .rightheader #logobox {
        max-width: 100%;
}

Re: logo on start page not centered

Reply #4 –

Oook... that was out of my sensitivity range. lol
Sorry, it was too small of a difference for my eyes to notice...

 emanuele is not good with layouts. lol
Bugs creator.
Features destroyer.
Template killer.

Re: logo on start page not centered

Reply #5 –

Quote from: Ruth – 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:

Code: [Select]
#logobox, .rightheader #logobox {
        max-width: 100%;
}

With this code it is centered on the start page, but on the forums pages it jumps to the right now.  :D

Re: logo on start page not centered

Reply #6 –

Yes...because you have still this in index.css on line 825:

Code: [Select]
.centerheader #logobox {
    width: 100%;
}

comment it out or change it to max-width 100 % as well

Re: logo on start page not centered

Reply #7 –

Sorry, that's not the solution.   :-[

Re: logo on start page not centered

Reply #8 –

It is working for me...did you add this in your custom.css?

Code: [Select]
#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:

Code: [Select]
.centerheader #logobox {
    /* width: 100%; */
}
#logobox, .rightheader #logobox {
    float: right;
    padding: 0.95em 12px 0 12px;
    /*max-width: 40%;*/
    max-width: 100%;
}
Last Edit: July 16, 2016, 01:57:37 am by Ruth

Re: logo on start page not centered

Reply #9 –

I have this in my custom.css:

Code: [Select]
#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.

Re: logo on start page not centered

Reply #10 –

You need to change this in index.css:

Code: [Select]
.centerheader #logobox {
    width: 100%;
}

I woud do it that way:

add just this in custom.css:

Code: [Select]
#logobox, .rightheader #logobox {
        max-width: 100%;
}

and change this in index.css to:

Code: [Select]
.centerheader #logobox {
    /*width: 100%;*/
}

Re: logo on start page not centered

Reply #11 –

But custom.css should overwrite index.css or not?

Re: logo on start page not centered

Reply #12 –

yes...but you are not using the same in both files... ;) there is a max-width and a width.

Re: logo on start page not centered

Reply #13 –

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

Re: logo on start page not centered

Reply #14 –

General note: if you are using a custom.css there is no readon to change index.css, add this to custom.css:
Code: [Select]
.centerheader #logobox {
    width: auto;
}
instead.
Bugs creator.
Features destroyer.
Template killer.