http://www.summitlifesedona.com
I want to make the logo larger which is located here:
http://www.summitlifesedona.com/wp-content/themes/urbancity/images/logo.png
Its currently set at 209px X 43px
I see this in the css file for the header stuff:
/* Header */
#header {
display:table;
}
#header .logo {
margin-top:50px;
margin-bottom:22px;
}
#header .logo a {
float:left;
background:url(images/logo.png) no-repeat;
width:209px;
height:43px;
text-indent:-9999px;
}
#header .nav {
margin:60px 0 64px;
font-family:'Oswald', Arial, sans-serif;
font-size:20px;
text-transform:uppercase;
So say I want to make the image 350 x 72
I make the modification to the image, upload and overwrite it on the server. Fine did that.
I then take the css file and change the header logo part to this:
#header .logo a {
float:left;
background:url(images/logo.png) no-repeat;
width:350px;
height:72px;
text-indent:-9999px;
I save the css upload and overwrite existing one to server.
Now the image is getting cropped big time, getting cut off on the site.
I dont see where else in header.php or css file to change anything else.
Ideas???
Thanks a lot.