How to change standard logo.jpg size?

[MichaelPL]

Hey!
This is my first post on this forum, so HELLO!
I have a question:
How to change a standard Prestashop logo size?
Standart logo size is 224 × 73 pixels, i want bigger.
Thank you, and sorry for mistakes - I`m from Poland

[rocky]

You can upload any size logo you want. It should work in the emails and PDFs. It is only the logo on the website that has CSS that affects how the logo is displayed. You need to change the following code on lines 195-199 of css/global.css in your theme's directory:

h1#logo {
   float: left;
   width: 27%;
   margin-top: 0.5em
}

By default, the logo is 27% of the width of the page and is 0.5em from the top of the website. You can increase that width, though you'll then need to decrease the width of the #header_right block below it (with a 73% width by default), otherwise the modules on the right will wrap around underneath the logo.

[MichaelPL]

Thank you very much:)

[steve1969]

please can you tell me how to make the logo on top left a bit deeper the width is fine thanks very much.

[2 Brothers Jewelry]

Hello, i have just started using the shopping cart and going by your directions for this there is no

h1#logo {

line not does lines 195-199 have anything to do with the image, can you please update this information?

 

Thanks

[dev1-tn]

Hello, i have just started using the shopping cart and going by your directions for this there is no

h1#logo {

line not does lines 195-199 have anything to do with the image, can you please update this information?

 

Thanks

 

for prestashop 1.5.3.1 in default theme

in Line 540 #header_logo

add {... width: .. ; height:...}

[Lisa_brown2694]

You can upload any size logo you want. It should work in the emails and PDFs. It is only the logo on the website that has CSS that affects how the logo is displayed. You need to change the following code on lines 195-199 of css/global.css in your theme's directory:

 

h1#logo {    float: left;    width: 27%;    margin-top: 0.5em}

By default, the logo is 27% of the width of the page and is 0.5em from the top of the website. You can increase that width, though you'll then need to decrease the width of the #header_right block below it (with a 73% width by default), otherwise the modules on the right will wrap around underneath the logo.

 

Hey! I need to increase the width of my logo, such that it appears as a banner... I checked global.css but couldn't find anything like this.

here is my site:

http://pinkierthanblue.com/index.php

 

Any help will be greatly appreciated! Thanks in advance

[razaro]

You need to edit header.tpl of your theme and find 

<div class="header-bottom">
								<div class="row-fluid">
									<div class="span3">
								<a id="header_logo" href="/" title="Pinkierthanblue">
									<img class="logo" src="http://pinkierthanblue.com/img/my-store-1438937355.jpg" alt="Pinkierthanblue" width="5838" height="1181">
								</a>
									</div>
									<div class="span9">
										<div class="top-header">
											<div class="row-fluid">
												
											</div>
										</div>
									</div>
								</div>
								</div>

See two classes span3 and span9,  change both to span6 if you want logo to be 50% or span12 if you want full width.

[Lisa_brown2694]

Thnaks a lot! It worked