Jump to content

comment augmenter la hauteur du header pour le logo sans mordre sur le reste? au secours!


Recommended Posts

Bonjour,

voila mon soucis ;  je viens de passer de prestashop 1.4 à 1.5 et mon logo mord sur le reste de ma page. j'aimerais pouvoir augmenter la hauteur de mon header et garder mon logo tel quel. mais je suis perdu dans les codes, avant c'etait assez simple, en px, mais la.... au secours!!!! y a t'il une bonne ame pour m'aider?????

 

Mon site www.galerieleonart.com voila ce que j'ai dans header.tpl

 

{$HOOK_HEADER}
    </head>
    
    <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column {/if} {if $hide_right_column}hide-right-column {/if} {if $content_only} content_only {/if}">
    {if !$content_only}
        {if isset($restricted_country_mode) && $restricted_country_mode}
        <div id="restricted-country">
            <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
        </div>
        {/if}
        <div id="page" class="container_9 clearfix">

            <!-- Header -->
            <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>

            <div id="columns" class="grid_9 alpha omega clearfix">
                <!-- Left -->
                <div id="left_column" class="column grid_2 alpha">
                    {$HOOK_LEFT_COLUMN}
                </div>

                <!-- Center -->
                <div id="center_column" class=" grid_5">

 

 

 

Link to comment
Share on other sites

oops, voila, activé car je viens de trouver la solution! je la mets si ca interesse quelqu'un.

donc

dans Fichier : /themes/default/css/global.css
 

#header {position:relative}

#header_logo {

                position: absolute;

                left:0;

                top: 30px;

                z-index: 1;

}

 

Changé par:

 

#header {position:relative}
#header_logo {
float:left;
display:block;
margin-top:30px;
width:400px;                       (TAILLE DE MON LOGO)
height:150px;
}
 

en esperant que ca puisse aider

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...