Quick fix to move text title & description under logo image

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
User avatar
RaidersTalk
Registered User
Posts: 61
Joined: Mon Jan 07, 2013 9:50 pm
Contact:

Quick fix to move text title & description under logo image

Post by RaidersTalk »

Is there an easy way to move the text title & description under the logo image? Right now it scales and looks funny unless it's under the logo image. Please let me know. Thanks.
User avatar
pit-PL
Registered User
Posts: 3125
Joined: Sat Nov 21, 2009 12:24 pm

Re: Quick fix to move text title & description under logo im

Post by pit-PL »

In common.css change

Code: Select all

#logo {
	float: left;
	width: auto;
	margin: 15px;
}
to

Code: Select all

#logo {
	display: block;
	padding-left: 15px;
	text-align: left;
}
User avatar
RaidersTalk
Registered User
Posts: 61
Joined: Mon Jan 07, 2013 9:50 pm
Contact:

Re: Quick fix to move text title & description under logo im

Post by RaidersTalk »

How would I put the text above the logo image all on one line? Like this:

Forum Title - Description
Logo img

I have some other questions about the style. I want to change the online image Image and move it under the member avatar and rank images. Also, how can I stop the members avatar from scaling with the browser window? Hopefully these are easy fixes because I am still new to phpBB. Let me know. Thanks.
ronthai
Registered User
Posts: 129
Joined: Sat Apr 30, 2011 11:52 am

Re: Quick fix to move text title & description under logo im

Post by ronthai »

Your first question:
In the overal_header.hmtl you got around line 100-110

Code: Select all

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
Change that to for above:

Code: Select all

<h1>{SITENAME}</h1>&nbsp;&nbsp;&nbsp;<h3>{SITE_DESCRIPTION}</h3><br>
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
Change that to for below:

Code: Select all

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a><br>
<h1>{SITENAME}</h1>&nbsp;&nbsp;&nbsp;<h3>{SITE_DESCRIPTION}</h3>
You can change the h-value (= font size) to anything you want.
the &nbsp; are just empty spaces in html
User avatar
RaidersTalk
Registered User
Posts: 61
Joined: Mon Jan 07, 2013 9:50 pm
Contact:

Re: Quick fix to move text title & description under logo im

Post by RaidersTalk »

Do you know how to move the online graphic under the members title? I want to move it and update the image if possible.
ronthai
Registered User
Posts: 129
Joined: Sat Apr 30, 2011 11:52 am

Re: Quick fix to move text title & description under logo im

Post by ronthai »

NO, but you should start a new topic for each seperate issue.
User avatar
RaidersTalk
Registered User
Posts: 61
Joined: Mon Jan 07, 2013 9:50 pm
Contact:

Re: Quick fix to move text title & description under logo im

Post by RaidersTalk »

ronthai wrote:NO, but you should start a new topic for each seperate issue.
Alright, I will do that next time. I was not sure if I should keep creating topics or not.
Locked

Return to “[3.0.x] Styles Support & Discussion”