Link to home
Start Free TrialLog in
Avatar of nsitedesigns
nsitedesignsFlag for United States of America

asked on

Level out logo and increase size?

How do I remove the default wordpress template positioning of the logo?  They have it pushed "down" so it sits in the orange circle area.  I want it so bottom of logo is even with bottom of navigation bar.  Additionally,  I would LOVE to be able to increase logo size but can't figure it out.

beta site
http://9bf.27e.myftpupload.com/

screen shot
https://screencast.com/t/Fzw9PWfMPSs
SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of nsitedesigns

ASKER

Your solution was successful in order to push logo back up. Thanks.  However, I had to make it even smaller (was 100 tall and is now 80 tall) when I was hoping to make the logo bigger and still fit in white upper area to left of navigation.  Is that possible?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I think you may not be understanding that in addition to having the logo rest above the navigation, I also want the logo to be bigger.  See screen shot.  Can that be done?

https://screencast.com/t/JyuqLDCmI
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
I increased header to 200 px and modified logo to 150px tall.  It still doesn't display fully.  Any ideas how to fix?

.education-pro-blue .site-header {
    height: 200px;
}

Open in new window

SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Getting there!    I kinda like the larger logo dipping into animation but would like to remove the "white box" that surrounds logo.  

Screen shot
https://screencast.com/t/Lmssewalm

I added this code but it didn't remove the white background:
.header-image .site-title > a {
  float: left;
  min-height: 150px; 
  width: 100%;
  background-color:transparent;  ******   this is what I added
}

Open in new window

SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Hmmm, didn't work.  I tried using your and then tried saving one for myself.  It still has the white box.
http://9bf.27e.myftpupload.com/
logo-150-tall-trans-new.png
ANy other ideas?
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks!
Do you require any further assistance?
Sorry. I thought I gave you points yesterday. Looks like it did not go through. Thanks again!
You are welcome.