Joomla Templates Club 406,261 posts

[mlewis09 Friend mlewis09Join date: January 2010Posts: 22Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#150244

I am trying to make the logo.png file larger to accomodate a larger logo image. I’m able to do this easily, but while the height of the image grows larger, the vertical position does not re-center in the header space. I’m left with a logo that gets lower and lower in the header area. it looks like the top of the logo image remains stationary, and the image height expands downward. I have tried changing the -1000 value in
h1.logo a span { position: absolute; top: -1000px; }
, but it seems to do nothing. Any ideas?
P.S., the mobile version seems to be self centering, accomodating any logo.png height (which is great!)
thanks,
matt

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#339881

Oh…you were sooooo close! 🙂

Just a couple of lines before in the CSS is your answer.

Go to: template.css line 937

And adjust the padding as indicate below in red. That’s what’s affecting your vertical positioning!


h1.logo, div.logo-text {
float:left;
padding-top:30px;
position:relative;
}


Have fun!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. JA Developer

[mlewis09 Friend mlewis09Join date: January 2010Posts: 22Downloads:0Uploads:0 Thanks: 4 Thanked: 2 times in 1 posts]

#339891

Yes! That did it! THANKS!!!
Guess i wasn’t looking at anything above
/* Logo Image ---*/
:-[

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#340133

Not a problem.
You were definately on the right track!

BTW…Welcome to the neighborhood!

John.

[Author]

Posts