ne-blackgreen

Center Logo - ne-blackgreen

Center Logo

by just_me__ » Tue Jan 31, 2017 2:45 pm

First, thanks for the great Style.

My question is how to center the logo in the middle of the header ? tried "float: none" but it did not work !

Thanks in advance
just_me__
Registered User
Posts: 15
Joined: Sun Jan 29, 2017 9:00 am
Contact:

Re: Center Logo

by nachtelb » Tue Jan 31, 2017 6:34 pm

Logo and name-of-board are in the same Container. How do you want to handle the boards-name (h1)?

Look at common.css line 19. H1 is defined to have 200px from the right. There is no space to center the logo.

In the past i had this solution for myself: I deleted the h1 in css and template-files and made a big banner-logo with the board-name inside the banner.

You see, i could not say "do this or that" in detail as long as i dont know how big your logo will be and how you want the board-name to be handled.
nachtelb
Registered User
Posts: 158
Joined: Sun Feb 19, 2006 2:00 pm
Location: Germany
Name: Bernhard
Contact:

Re: Center Logo

by just_me__ » Wed Feb 01, 2017 12:27 pm

Thanks for the help. Ideally centering both logo and name is my first objective.

My logo dimensions are:
height: 120
width: 60

Regards
just_me__
Registered User
Posts: 15
Joined: Sun Jan 29, 2017 9:00 am
Contact:

Re: Center Logo

by nachtelb » Wed Feb 01, 2017 3:45 pm

To understand you right:
You would like to have your boardsname in front of the logo?
Or do you want to have the logo middle-left and the boardsname middle-right?
nachtelb
Registered User
Posts: 158
Joined: Sun Feb 19, 2006 2:00 pm
Location: Germany
Name: Bernhard
Contact:

Re: Center Logo

by just_me__ » Wed Feb 01, 2017 7:15 pm

I want everything to be centered in the Header....moving both logo and board name to the center of the page.
just_me__
Registered User
Posts: 15
Joined: Sun Jan 29, 2017 9:00 am
Contact:

Re: Center Logo

by nachtelb » Thu Feb 02, 2017 7:20 am

If you want to have both centered, one above the other, like i understand your answer, than its more work to do:

You have to change the overall_header.tpl (from prosilver) and put the logo and boardname in two different DIV-Container. Then you are able to give both container different z-index with css.
nachtelb
Registered User
Posts: 158
Joined: Sun Feb 19, 2006 2:00 pm
Location: Germany
Name: Bernhard
Contact: