Archway theme

[Allan]

Just wanted to start off by saying great theme l love it.

I was wondering however how do I change the size of the logo and center it horizontally.I know i can replace the logo.png but would the .css handle the size i make or would i have to make it larger on there.

[Maxx]

Allan,

Hello and Welcome to the Cripzone!

Please PM me your URL of your site so I may have a look at your Theme and site!

regards,
Maxx

[Allan]

sure thing here you go and thanks for the fast response

http://mympz.com/forum/index.php

[Crip]

hi,
could try this code..?

Code Select Expand


#logo {
    background: url(../images/img/logo.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 50px;
    left: 1em;
    position: absolute;
    top: 7.5em;
    width: 159px;
}


[Allan]

ok does that go into the index.css
just not good with coding so want to be sure lol

[Maxx]

OK,

In  your index.css
this is where you may adjust your Logo size, I would not recommend centering a logo, because it will mess up the user area.

This is the code to look for:

Code Select Expand

#logo {
    background: url("../images/img/logo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 50px;                <! -- logo Height -->
    left: 1em;
    position: absolute;
    top: 5em;
    width: 159px;                <! -- logo width -->
}

You should not make your log too big to fit this will stretch the log area and mess up you other stuff.

You will need photo editor of some sort to re-size you log, I can do it for if you want!

regards,
Maxx

[Crip]

yes , index.css

[Allan]

Maxx i was thinking of just center up and down so it's not top aligned ir myabe adding padding from the top like 10 pixels.
Thank you both so much for helping

[Maxx]

yes you may work with the "top settings" in the code that Crip and I gave you. but adjust little at a time like .2em +  to lower.

after you upload your logo!

regards,
maxx

[Crip]

just play with those settings til you gotter like you want.