Jump to content

Logo / Header Sizing


Recommended Posts

Hi all,

Really need some help on my website:

http://www.fromthatshop.com

I need to increase the height of the space on my page that displays the logo, as my logo is far too small on my current template.

Can anyone please help me to do this?

I have tried adjusting different parts of my CSS, but cant work out what to do.

Can anyone help me please?

I have copied and pasted the Global.css from the template folder below.

Thanks alot for your help




/*
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,

  • Like 1
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...