logo too big for header

[Fury]

Hi guys,

 

Been trying to get Prestashop running for a few days with a half decent theme. Really struggled to find anything for 1.5x so I went with 1.4.10

 

I have installed the vp_beststore theme

 

unfortunately my logo is too big for the theme's header

 

i have tried changing various things in the css files to varying degrees of success but not managed it yet

 

can anyone point me in the right direction

 

here is the store at the moment: URL REMOVED

Edited June 14, 2013 by Fury (see edit history)

[vekia]

two ways to achieve what you want:

1. change size of logo
   
2. rebuild the header of your store
   

what option you want to choose?

[PascalVG]

Maybe something like this?

 

 

or this:

 

My 2 cents,

pascal

[vekia]

first proposition!

 

i just thought, that the way to achieve this is to move the logo to the left column, am I right?

[Fury]

two ways to achieve what you want:

1. change size of logo
   
2. rebuild the header of your store
   

what option you want to choose?

gonna have to be number 2!

[Fury]

i like the first one! thanks! i was thinking somewhere along those lines, i was just wondering if you guys knew of an easier way!

[vekia]

and what you think about Pascal visualizations ?

[Fury]

number 2

[Fury]

now having problems removing the logo from the header, i have tried lots of things including removing the code from the header.tpl file in the theme

 

thoughts ?

[vekia]

try to move logo from the:

 

<div id="header" class="grid_9 alpha omega">
   <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
 <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
   </a>
   <div id="header_right" class="grid_9 omega">
 {$HOOK_TOP}
   </div>
  </div>

 

 

to the left column, this how it should looks like:

<div id="center_column" class=" grid_5">
		    <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
 <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
   </a>

[Fury]

thanks vekia, which file is this in ?

[vekia]

I talked about header.tpl file located in your theme directory.

themes/YOUR_THEME/header.tpl

 

where YOUR_THEME is a name of your template.

[Fury]

thanks, that is the file I am editing, but the software is ignoring my edits somehow

 

i have tried many different edits, including just having a blank header.tpl file and it still shows the same thing, how is this possible?

 

i am definately, 100% editing the correct theme files

[Fury]

i have also tried editing footer.tpl as well, it seems as though there is some sort of block on editing the theme.. is this possible and how can I get round it ?

[Fury]

Oh, I did not have "force compile" turned on, I am now making some progress!

[vekia]

when you're doing template works, remember to turn force compilation - it's necessary to see changes in the front office.