I am creating a new site. The logo and the site-name must both be centered, logo on top.
I created a subtheme (corneliszn) and changed the page.tp.php on one place: a linebreak after the logo.
In the few lines of needed css to alter the layout I defined this line:
#header {text-align: center;} which centers the logo but not the site-name.
I tried several other css solutions to center the site-name whith no success.
Can you help me with the css instructions to center the site-name?
The site is: http://www.houtzaagmolen-uitgeest.nl/
Currently the css is not compressed.

Comments

promes’s picture

promes
Primary language Dutch
commented

Currently I support it with a margin-left.

The same question for the primary links.

satvision83’s picture

satvision83 commented

.

satvision83’s picture

satvision83 commented

In your website delete margin-left on h1#site-name a span.
and then on #header #site-name-slogan put float:none

promes’s picture

promes
Primary language Dutch
commented

Thanks satvision83.
Again a step forward to correct css. It sometimes is very hard to know all preset definitions and current possibilities.
Still tinkering with the primary links... Anyone a solution?

satvision83’s picture

satvision83 commented

Delete margin-left on #navigation ul#main-menu li.first a and background color on #navigation ul#main-menu .
And then:

#navigation {
    background: none repeat scroll 0 0 #CCCCCC;
    height: 33px;
    line-height: 2.5;
    margin: 0 0 2em;
    width: 940px;
}

#navigation ul#main-menu {
    clear: both;
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
promes’s picture

promes
Primary language Dutch
commented
Status: Active » Closed (fixed)

Thanks again satvision83.
I am very happy with your good advice and help.