Edit logo using METRO template

[badstraw]

Hey guys I'd like to know if you can help me to edit the logo in metro template, basically im trying to use the whole blue (rectangle) space available.



Do I have to edit the image css file?

thanks in advance for the input.

[webmastersun]

what do you want to edit on your logo?

logo site or spacing between it and the box?

[badstraw]

thanks man, this is the way the logo looks right now:



I'd like to place my new logo on the whole blue rectangle, I don't know but the square logo looks a little bit ugly ..

thanks in advance mate, I would appreciate any help to set up this thing. .

[webmastersun]

The box that contained your logo/banner is a fluid layout, so you need to use CSS @media query to style your logo on different screens ( PC, tablets, smartphones..)

You can not design your banner/logo with fixed dimension which can brake on other screen size.

You can resize your browser smaller to realize this. Also even original theme have not done well this.

[badstraw]

hummm that sucks .. actually I have tapatalk enabled for tablets and smartphones, so there's no easy way to modify the template.. right? :/

[Budget101]

Originally Posted by badstraw

Hey guys I'd like to know if you can help me to edit the logo in metro template, basically im trying to use the whole blue (rectangle) space available.



Do I have to edit the image css file?

thanks in advance for the input.

It's actually relatively simple to fix.

Right click on the (ugly blue metro logo) photo, look at the "View Image Info" properties, see the Dimensions, open your photoshop or whatever program you edit your logo with, create the logo you WANT to display in those exact size dimensions, save it as the same name as the current logo (example: vbulletin-logo.png ) than upload the file to your server to the same exact folder location overwriting the ugly blue one.

It will be responsive with your site.