Jump to content

Header Problem


Recommended Posts

Hi guys,

I am having a major problem with my site that I have been trying to sort out for days. I really hope someone can help me. :)

Basically I want to increase the height of the header area on my page. I've been playing around with the global.css in my template folder but cant seem to work out what to do.

Its to display my entire logo on my website.

If you checkout my problem, you will be able to see the problem I am having with the header.

Any help is greatly appreciated!

Thanks alot,

My website with the problem is:

http://www.fromthatshop.com

Link to comment
Share on other sites

Below is my CSS file :)

/*
PrestaShop CSS
18 used colors:
10 grays: #fff #fff #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4
4 fushias: #f6dce8 #fff #971d58 #5d0630
2 yellows: #f8e1a0 #f9e400
1 green: #488c40
1 red: #da0f00
*/

* {
padding: 0;
margin: 0
}
html {
height:100%;
}
body {
background:#052851;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
height:100%;
}
textarea {border:1px solid #ccc}

/* Useful */
.align_center { text-align: center }
.align_right { text-align: right }
.middle { vertical-align: middle }
.align_justify { text-align: justify }
.uppercase { text-transform: uppercase }
.hidden, .collapsed, .block_hidden_only_for_screen { display: none }
.wrap { white-space: normal }
.bold { font-weight: bold }
.strike { text-decoration: line-through }
.italic { font-style: italic }
.top { vertical-align: top }
.span_link { cursor: pointer }
.span_link:hover { text-decoration: underline }
.clear { clear: both }
br.clear {
clear: both;
line-height: 0;
font-size: 0;
height: 0
}
noscript ul {list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }
/* new clearfix */
.clearfix:after {
clear: both;
display: block;
height: 0;
font-size: 0;
visibility: hidden;
content: ".";
}
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }

/* Footer links */
ul.footer_links {
list-style-type: none;
clear: both;
height: 2em;
margin-top: 2em
}
ul.footer_links li {
float: left;
margin-right: 2em;
height: 2em
}
ul.footer_links li a { text-decoration: none }
ul.footer_links li a:hover { }
ul.footer_links li img.icon { vertical-align: -2px }

/* transfert effect*/
.transferProduct { border: 2px solid #888 }

/* simple list inline */
ul.inline_list { list-style-type: none; margin-top: 1em }
ul.inline_list li { float: left; text-align: center }
ul.inline_list li img { display: block }
ul.half {
width: 45%;
margin-right: 1em;
float: left
}

/* Category tree (i.e. in sitemap) */
div.tree_top {
background: url('../img/sitemap-top.gif') no-repeat -1px -3px;
padding-left: 24px;
padding-bottom: 5px;
padding-top: 3px
}
ul.tree, ul.tree ul { list-style-type: none }
ul.tree li {
padding-left: 1.2em;
border-left: 1px gray dotted;
background: url(../img/sitemap-horizontal.gif) no-repeat left 10px;
margin-left: 1em
}
ul.tree a { padding-left: 0.2em }
ul.tree a.selected { font-weight: bold }
ul.tree li.last {
background: url(../img/sitemap-last.gif) no-repeat -12px -2px;
border: none
}
span.grower { cursor: pointer }

/* Tabs */
ul.idTabs {
list-style-type: none;
}
ul.idTabs li {
float: left;
margin-right: 1px
}
ul.idTabs li a {
background:#fff;
display: block;
width: 173px;
height: 18px;
font-weight:bold;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding-top: 3px;
color: #fff
}
ul.idTabs li a.selected {
background:#094d99;
color: white
}

/* IdTabs Short*/
ul.idTabsShort li a {
width: 138px;
padding:12px 0;
color:#5599e6;
}
ul.idTabsShort li a.selected {
color: #fff;
font-weight:bold;
padding:12px 0;
}
div.sheets {
clear: both;
padding: 26px 23px;
background:#094d99
}
div#more_info_sheets ul li {
background-position: 6px 4px;
margin-bottom: 0.4em
}
div#more_info_sheets div {

}

/* global style */
a {
color: #fff;
text-decoration: underline;
outline: none
}
a:hover { text-decoration: none }
.input:focus { outline: 0 }
a img {
outline: none;
border: none;
text-decoration: none
}
h2 {
font-size: 14px;
line-height: 17px;
padding:10px 0 10px 17px;
font-weight: bold;
text-transform:uppercase;
color: #fff;
}
h2 span {
font-size: 0.9em;
text-transform: none;
font-weight: normal;
font-style: italic;
color: #fff;
margin-left: 1em
}
h3 { font-size: 1.1em; margin: 1em 0 }
h4 { font-size: 1em }

/* global layout */
.mainBg {
background:url(../images/tailing.gif) repeat-x 0 0 #073a74;
}
#page {
background:url(../images/gradient.jpg) no-repeat 0 0;
width: 995px;
margin: 0 auto;
text-align: left;
min-height:100%
}

.topIndent {
overflow:hidden;
}
h1#logo {
position:absolute;
width: 600px;
padding-top:26px;
}
h1#logo a {
display:block;
}
#header {
width: 100%;
height:226px;
}
#left_column {
float:left;
width: 253px;
margin-right: 13px;
}
#center_column {
overflow: hidden;
padding-top:12px;
padding-bottom:12px;
}

/* global RTE fields */
div.rte, .mceContentBody {
text-align: left;
}
body.mceContentBody {
margin: 9px 6px;
width: 556px
}
div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceConte
Link to comment
Share on other sites

×
×
  • Create New...