Hi,
I'm trying to adjust the head section of my survey template so that the SiteName is centralised on the page but the logo stays left aligned.
I've modified teh Citronade template a little so here is the code from the startpage section:
<div id="head">
<div class="wrapper">
<img src="{TEMPLATEURL}nw_oys_logo_new.gif" alt="Logo" />
<h1 id="sitename">{SURVEYNAME}</h1>
</div>
<div id="title"><h2 id="surveytitle" class="wrapper">"At the heart of the business, maximising value for our customers"</h2></div>
& here is the code for the sitename tag from the CSS file:
/* Head decoration */
#head{
border-bottom:2px solid #AAA;
border-top:2px solid #CCC;
color:#5670A1;
background:#dbdbdb url(header-bkg.png) repeat-x center bottom;
}
#head a#link-logo:hover,#head a#link-logo:focus,#head a#link-logo:active{background:transparent;}
#head a#link-logo {outline: 0;} /* remove the outline on logo click */
#sitename{line-height:3;margin:0;text-align:center;}
I've attached a screenshot of the current view.
Thanks
