[How to] Change your board logo 3.1.x

Get help with installation and running phpBB 3.1.x here. Please do not post bug reports, feature requests, or extension related questions here.
Get Involved
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

NOTE: phpBB 3.1.x is at its End of Life stage and support will NOT be provided after July 1st, 2018.
Locked
w7psk
Registered User
Posts: 50
Joined: Mon Jul 04, 2011 2:52 pm

Re: [How to] Change your board logo 3.1.x

Post by w7psk »

I did the update exactly per this

viewtopic.php?f=466&t=2299816

That is what was left appearently.

I followed exactly the steps before at the start of this topic and it didnt work For some reason It worked this time.

Thanks
User avatar
Oyabun1
Former Team Member
Posts: 23162
Joined: Sun May 17, 2009 1:05 pm
Location: Australia
Name: Bill

Re: [How to] Change your board logo 3.1.x

Post by Oyabun1 »

w7psk wrote:I did the update exactly per this

viewtopic.php?f=466&t=2299816
If you followed those instructions then it is a mystery where the imageset folder came from because the pre-existing one would have been deleted and the new package doesn't contain one?
                      Support Request Template
3.0.x: Knowledge Base Styles Support MOD Requests
3.1.x: Knowledge BaseStyles SupportExtension Requests
User avatar
Puchahawa
Registered User
Posts: 769
Joined: Sat Jan 01, 2011 10:33 pm
Name: Randy

Re: [How to] Change your board logo 3.1.x

Post by Puchahawa »

this topic is a great Idea Oyabun1. A lot of people deal with this very thing during their upgrade. :) I'm wondering if it would make sense for you to make this an announcement or sticky so It doesn't get lost down the road. Save everyone from having to refer people to it if it isn't right at the top of the page. :P
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26456
Joined: Fri Aug 29, 2008 9:49 am

Re: [How to] Change your board logo 3.1.x

Post by Mick »

Puchahawa wrote:I'm wondering if it would make sense for you to make this an announcement or sticky so It doesn't get lost down the road
Maybe, but searching "change board logo" finds it.
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
User avatar
Puchahawa
Registered User
Posts: 769
Joined: Sat Jan 01, 2011 10:33 pm
Name: Randy

Re: [How to] Change your board logo 3.1.x

Post by Puchahawa »

True enough Mick. Just thinking of all the people that can't be bothered to use the search. :lol:
User avatar
Lumpy Burgertushie
Registered User
Posts: 69223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: [How to] Change your board logo 3.1.x

Post by Lumpy Burgertushie »

Puchahawa wrote:True enough Mick. Just thinking of all the people that can't be bothered to use the search. :lol:
people that can't be bothered to use the search will just have to wait a longer time to get help if at all.

robert
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
User avatar
Oyabun1
Former Team Member
Posts: 23162
Joined: Sun May 17, 2009 1:05 pm
Location: Australia
Name: Bill

Re: [How to] Change your board logo 3.1.x

Post by Oyabun1 »

Puchahawa wrote:I'm wondering if it would make sense for you to make this an announcement or sticky so It doesn't get lost down the road.
Making file changes, like this, isn't recommended for 3.1, and this topic will be retired when an appropriate extension is validated. This way of changing the logo was only posted because it is something which is commonly done, so was just intended to fill an immediate need until a better way (a validated extension) comes along.
                      Support Request Template
3.0.x: Knowledge Base Styles Support MOD Requests
3.1.x: Knowledge BaseStyles SupportExtension Requests
Hopep4p
Registered User
Posts: 52
Joined: Thu Aug 27, 2015 4:42 am

Re: [How to] Change your board logo 3.1.x

Post by Hopep4p »

M.O.B. wrote:
M.O.B. wrote:How about be able to have it switch automatically to a smaller size logo (one that I will create) when it switches to smartphone view?
I just wanted to share that I was able to figure this out.

Here are my changes so the smartphone view gets a smaller sized logo (for those that use a larger one than the default one from phpBB). Plus it also hides the SITENAME

Here are the screenshots:
mob_3.jpg
mob_4.jpg
COPY:
[copy your images to this directory]

Code: Select all

styles/prosilver/theme/images/
OPEN: styles/prosilver/theme/common.css
[This hides your SITENAME descriptions. Good for those sites that their custom logo provide the full name of their site.]

FIND:

Code: Select all

#site-description h1 {
	margin-right: 0;
}
REPLACE WITH:

Code: Select all

#site-description h1 {
	display: none;
	margin-right: 0;
}
OPEN: styles/prosilver/theme/imageset.css
[this changes your logo to the size you'd like it to be--make sure to adjust the padding adjustments to match the size of your logo.]

FIND:

Code: Select all

/* Global imageset items */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px;
}
REPLACE WITH:

Code: Select all

/* Global imageset items */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 640px;
	padding-top: 104px;
/*	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px; */
}
OPEN: styles/prosilver/theme/responsive.css
[This allows for you to have another smaller custom logo for when the site is viewed by a smartphone it switches to the smaller logo. -- Make sure to adjust the padding sizes below to match your logo--or until it doesn't break the width of the site.]

FIND:

Code: Select all

#site-description {
BEFORE ADD:

Code: Select all

/* imageset.css changes */
.imageset.site_logo {
	background-image: url("./images/site_logo_2.gif");
	padding-left: 325px;
	padding-top: 53px;
}
FIND:

Code: Select all

.logo {
	/* change display value to inline-block to show logo */
	display: none;
	float: none;
	padding: 10px;
}
REPLACE WITH:

Code: Select all

.logo {
	/* change display value to inline-block to show logo */
	display: inline-block;
	/* display: none; */
	float: none;
	padding: 10px;
}
FIND:

Code: Select all

#site-description h1, #site-description p {
	text-align: inherit;
	float: none;
	margin: 5px;
	line-height: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}
REPLACE WITH:

Code: Select all

#site-description h1, #site-description p {
	display: none;
	text-align: inherit;
	float: none;
	margin: 5px;
	line-height: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}

IF you use another theme that inherits from prosilver, you may have to do this also:

COPY:
[copy your images to this directory]

Code: Select all

styles/[other_theme]/theme/images/
OPEN: styles/[other_theme]/theme/stylesheet.css
[this changes your logo to the size you'd like it to be--make sure to adjust the padding adjustments to match the size of your logo.]

FIND:

Code: Select all

/* imageset.css changes */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px;
}
REPLACE WITH:

Code: Select all

/* imageset.css changes */
.imageset.site_logo {
	background-image: url("./images/site_logo.gif");
	padding-left: 640px;
	padding-top: 104px;
/*	background-image: url("./images/site_logo.gif");
	padding-left: 149px;
	padding-top: 52px; */
}

I have tried this and I get a empty picture, not sure why the image is not showing, I tried purging too. Please can you help.
Hopep4p
Registered User
Posts: 52
Joined: Thu Aug 27, 2015 4:42 am

Re: [How to] Change your board logo 3.1.x

Post by Hopep4p »

Oops double post.
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26456
Joined: Fri Aug 29, 2008 9:49 am

Re: [How to] Change your board logo 3.1.x

Post by Mick »

Please don't keep quoting the same post over and over, it's very distracting and there's no need for it.
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
User avatar
KevC
Support Team Member
Support Team Member
Posts: 72329
Joined: Fri Jun 04, 2004 10:44 am
Location: Oxford, UK
Contact:

Re: [How to] Change your board logo 3.1.x

Post by KevC »

-:|:- Support Request Template -:|:-
Image
"Step up to red alert. Sir, are you absolutely sure? It does mean changing the bulb"
Hopep4p
Registered User
Posts: 52
Joined: Thu Aug 27, 2015 4:42 am

Re: [How to] Change your board logo 3.1.x

Post by Hopep4p »

The picture comes up empty, The space is bigger to fit it and you can click on it like a picture is there, but nothing shows up. I don't understand coding well so not sure what I am missing. Does anyone have any ideas please?
User avatar
Oyabun1
Former Team Member
Posts: 23162
Joined: Sun May 17, 2009 1:05 pm
Location: Australia
Name: Bill

Re: [How to] Change your board logo 3.1.x

Post by Oyabun1 »

Hopep4p wrote:I don't understand coding well so not sure what I am missing. Does anyone have any ideas please?
As you were already told:
Doesn't require any coding.
                      Support Request Template
3.0.x: Knowledge Base Styles Support MOD Requests
3.1.x: Knowledge BaseStyles SupportExtension Requests
Hopep4p
Registered User
Posts: 52
Joined: Thu Aug 27, 2015 4:42 am

Re: [How to] Change your board logo 3.1.x

Post by Hopep4p »

How do I find root/ext/?

I am sorry if this is a stupid question.
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26456
Joined: Fri Aug 29, 2008 9:49 am

Re: [How to] Change your board logo 3.1.x

Post by Mick »

The root is the top directory in a computer file system. The root of your board is where config.php and index.php are, the /ext folder is in the list of folders there.
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
Locked

Return to “[3.1.x] Support Forum”