Centralise Title but leave logo left aligned [Citronade Template]

More
4 years 10 months ago #89492 by bedsingar
bedsingar created the topic: Centralise Title but leave logo left aligned [Citronade Template]
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
Attachments:

Please Log in to join the conversation.

More
4 years 10 months ago - 4 years 10 months ago #89493 by DenisChenu
DenisChenu replied the topic: Centralise Title but leave logo left aligned [Citronade Template]
quickly done:
#head img{float:left}
#head h1 {display: block;text-align:center}
Add to remove the inline style from #head h1 ... :whistle:

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .
Last Edit: 4 years 10 months ago by DenisChenu.

Please Log in to join the conversation.

More
4 years 10 months ago #89501 by bedsingar
bedsingar replied the topic: Centralise Title but leave logo left aligned [Citronade Template]
Hi,

I've tried:
 
/* 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 img{float:left}
#head h1 {display: block;text-align:center}
 
#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;}
 

But this hasn't changed the output - have I put it in the right place?

Thanks

Please Log in to join the conversation.

More
4 years 10 months ago #89503 by DenisChenu
DenisChenu replied the topic: Centralise Title but leave logo left aligned [Citronade Template]
Did you clean your cache ?

Look if you have another #head h1 after.

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
4 years 10 months ago #89512 by bedsingar
bedsingar replied the topic: Centralise Title but leave logo left aligned [Citronade Template]
Ah yes there was a second tag - which I've now removed.

The head section has updated & the text has moved although it is offset from the centre by the width of the logo image. - I guess one way to overcome this would be to add an equal size placeholder to the righthand side - but is there a better way?

Thanks for your help
Attachments:

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now