Public Forums 71,145 posts

[microvation Friend microvationJoin date: March 2011Posts: 75Downloads:0Uploads:19 Thanks: 32 Thanked: 3 times in 1 posts]

#161469

I resize a logo, make new one, and edit template.css. For some reason in all templates I’ve seen “h1.logo” sets the height smaller than “h1.logo a”.

h1.logo { width: 162px; height: 40px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left !important;
display: block;
width: 124px;
height: 42px;
margin-left: 0px;

My Question:
If my logo is say 175 x 42, do I put that size in both places, do I say “40” in h1.logo but 42 in “h1.logo a”. What about the width?

I’m thrown by this slight difference, guidance would be greatly appreciated.

Thanks!
-billb

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#381499

I don’t know why their dimension is not same. But I think their dimension is same is ok. So you can set 175 x 42 to h1.logo a, h1.logo

1 user says Thank You to khoand for this useful post

1. microvation

[microvation Friend microvationJoin date: March 2011Posts: 75Downloads:0Uploads:19 Thanks: 32 Thanked: 3 times in 1 posts]

#381538

Great, thanks. I couldn’t figure out the difference so it’s good to know I’m not missing something there, will keep same dimension in both. -billb

[Author]

Posts