CSS Logo Resizing
-
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.pngIts currently set at 209px X 43px
I see this in the css file for the header stuff:
[ Moderator note: when sharing code examples, please wrap the code in backticks or use the code button. ]/* 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.
- The topic ‘CSS Logo Resizing’ is closed to new replies.