Jump to content

[SOLVED] Help Prestashop 1.5.4.1 on fixing logo (Non Default Theme)

vbadboi
 Share

Recommended Posts

vbadboi Newbie

vbadboi

Posted
Posted (edited)

Help I'm using a non default 1.5.4.1 theme and I try uploading a bigger logo, but the menu bar is over lapping it here is my header.tpl code

 

This is the website www.nail-polish.ca

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">

<head>

<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>

{if isset($meta_description) AND $meta_description}

<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />

{/if}

{if isset($meta_keywords) AND $meta_keywords}

<meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />

{/if}

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

<meta http-equiv="content-language" content="{$meta_language}" />

<meta name="generator" content="PrestaShop" />

<meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />

<link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />

<link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />

<script type="text/javascript">

var baseDir = '{$content_dir}';

var baseUri = '{$base_uri}';

var static_token = '{$static_token}';

var token = '{$token}';

var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};

var priceDisplayMethod = {$priceDisplay};

var roundMode = {$roundMode};

</script>

{if isset($css_files)}

{foreach from=$css_files key=css_uri item=media}

<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />

{/foreach}

{/if}

{if isset($js_files)}

{foreach from=$js_files item=js_uri}

<script type="text/javascript" src="{$js_uri}"></script>

{/foreach}

{/if}

{$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}

{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_block">

<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="{$img_dir}logo.png" 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_6 omega">

{$HOOK_TOP}

</div>

</div>

</div>

 

<div id="columns_block">

 

 

 

<div id="columns" class="grid_9 alpha omega clearfix">

<div id="strip"></div>

<!-- Left -->

<div id="left_column" class="column grid_2 alpha">

{$HOOK_LEFT_COLUMN}

</div>

 

<!-- Center -->

<div id="center_column" class=" grid_5">

<div class="inner_center_column">

{/if}

Edited by vekia (see edit history)
Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

it's hard to say what files you have to change because you have CCC for css files turned on, but all you have to do is:

change top param to top:215px; for.sf-container

 

.sf-contener {
position: absolute;
top: 215px;
}

 

+

 

change height param to height:266px; 

#header_block {
width: 100%;
background: url(http://nail-polish.ca/themes/prestacoder_gift/css/../img/header_bg.jpg) repeat-x;
height: 266px;
}

 

 

effect:

xMuLwg0.png

 

+

move donw search block with top:216px;

 

#search_block_top {
background-color: #e9e8e8;
height: 50px;
position: absolute;
right: 0;
top: 216px;
width: 259px;
border-top-left-radius: 14px;
-moz-border-radius-topleft: 14px;
border-top-left-radius: 14px;
}

 

final effect:

5J05rEP.png

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
 Share
Go to topic listing
×
×
  • Create New...