Logo in Absolution style

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
Wolfydragon
Registered User
Posts: 9
Joined: Sat Sep 23, 2017 3:16 pm

Logo in Absolution style

Post by Wolfydragon » Sat Sep 23, 2017 3:24 pm

Hello! I'm trying to modify the Absolution theme to have a larger logo, but I can't find imageset.cfg. It doesn't seem to be in Prosilver either, and the people who made this theme seem to have vanished. :?

User avatar
Raul [ThE KuKa]
Jr. Extension Validator
Posts: 3760
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Logo in Absolution style

Post by Raul [ThE KuKa] » Sat Sep 23, 2017 4:01 pm

You should ask in the style support section:
https://www.phpbb.com/customise/db/styl ... on/support

Best regards.
If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
phpBB International Support Team (Spanish - Español) :flag_es: Online Since 2003
🎨phpBB Professional Premium Themes🔥
Author Translations (Spanish - Spain) :two_hearts:

:warning: I don't support those without the copyright Spanish translation. :warning:

User avatar
Mannix_
Registered User
Posts: 155
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Logo in Absolution style

Post by Mannix_ » Sat Sep 23, 2017 4:05 pm

the logo is located in the images folder and the dimensions are controlled in the common.css file

Code: Select all

.site_logo {
    display: inline-block;
    width: 297px;
    height: 99px;
}
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

User avatar
pengriffix
Registered User
Posts: 2
Joined: Sat Sep 23, 2017 8:16 pm
Location: Canada
Name: Selena Stone
Contact:

Re: Logo in Absolution style

Post by pengriffix » Sat Sep 23, 2017 10:03 pm

Mannix_ wrote:
Sat Sep 23, 2017 4:05 pm
the logo is located in the images folder and the dimensions are controlled in the common.css file

Code: Select all

.site_logo {
    display: inline-block;
    width: 297px;
    height: 99px;
}
you can also make it smaller size

Code: Select all

.site_logo {
    display: inline-block;
    width: 250px;
    height: 60px;
}
"Even our eyes are different colors, but we see fine"

Integrate phpBB - G4T

Wolfydragon
Registered User
Posts: 9
Joined: Sat Sep 23, 2017 3:16 pm

Re: Logo in Absolution style

Post by Wolfydragon » Mon Sep 25, 2017 9:24 am

Cool. Thanks! Any way to make it scale automatically? I tried 100% instead of px but that didn't work. :P

User avatar
Mick
Support Team Member
Support Team Member
Posts: 18124
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

Re: Logo in Absolution style

Post by Mick » Mon Sep 25, 2017 11:37 am

Raul [ThE KuKa] wrote:
Sat Sep 23, 2017 4:01 pm
You should ask in the style support section:
https://www.phpbb.com/customise/db/styl ... on/support
"The more connected we get the more alone we become" - Kyle Broflovski

There are no ‘threads’ in phpBB, they are topics.
Forza Garibaldi

Wolfydragon
Registered User
Posts: 9
Joined: Sat Sep 23, 2017 3:16 pm

Re: Logo in Absolution style

Post by Wolfydragon » Mon Sep 25, 2017 1:37 pm

I checked that first, but as far as I can tell the owner hasn't answered a single thread since November last year! There are lots of people on there asking basically the same question with no responses. Could you guys help?

User avatar
Raul [ThE KuKa]
Jr. Extension Validator
Posts: 3760
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Logo in Absolution style

Post by Raul [ThE KuKa] » Tue Sep 26, 2017 3:57 pm

Ummm OK.

If the name of the logo image does not change, you will not need to edit this.

Upload your new logo to this location (for example, my_logo.png):
http://www.your_site/your_forum/styles/Absolution/theme/images/

Open Absolution/theme/colours.css file.

FIND: (line 185 - 187).

Code: Select all

.site_logo {
	background-image: url("./images/logo.png");
}
REPLACE WITH:

Code: Select all

.site_logo {
	background-image: url("./images/my_logo.png");
}
Open Absolution/theme/common.css file.

FIND: (line 170 - 174).

Code: Select all

.site_logo {
	display: inline-block;
	width: 297px;
	height: 99px;
}
You pay attention to these lines:
:arrow: width: 297px; and height: 99px;

If your image has these dimensions ( for example; 346x112 px. ) , the code should look like this:

Code: Select all

.site_logo {
	display: inline-block;
	width: 346px;
	height: 112px;
}
Upload again these files, clear cache from ACP and press CTRL+F5 in your browser.

Test please.

P.D. Logo changed "demo": http://www.phpbb-es.com/IDLaunch/index.php?style=12
If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
phpBB International Support Team (Spanish - Español) :flag_es: Online Since 2003
🎨phpBB Professional Premium Themes🔥
Author Translations (Spanish - Spain) :two_hearts:

:warning: I don't support those without the copyright Spanish translation. :warning:

User avatar
Raul [ThE KuKa]
Jr. Extension Validator
Posts: 3760
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Logo in Absolution style

Post by Raul [ThE KuKa] » Tue Sep 26, 2017 4:08 pm

Added the message to the style support section for Absolution users:
https://www.phpbb.com/customise/db/styl ... 26#p589426

I think this topic is solved;)

Best regards.
If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
phpBB International Support Team (Spanish - Español) :flag_es: Online Since 2003
🎨phpBB Professional Premium Themes🔥
Author Translations (Spanish - Spain) :two_hearts:

:warning: I don't support those without the copyright Spanish translation. :warning:

Wolfydragon
Registered User
Posts: 9
Joined: Sat Sep 23, 2017 3:16 pm

Re: Logo in Absolution style

Post by Wolfydragon » Tue Sep 26, 2017 9:17 pm

Thanks a lot! It does seem to be working, but I have this weird problem where I can't seem to upload the correct sized logo. The one I have is huge and crops over the edge of the area I set using width and hight like so:

http://mindrepair.club (It's a talk forum for people with special needs, in case you are wondering about the odd name)

User avatar
Mannix_
Registered User
Posts: 155
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Logo in Absolution style

Post by Mannix_ » Wed Sep 27, 2017 6:47 am

That's because your image is bigger then board itself. You have two options:
No.1 Make the logo smaller to fit the header (loading time is gonna be smaller)
No.2 put these

Code: Select all

    background-size: 980px;
    background-repeat: no-repeat;
    background-position: left center;
in the common.css file

Code: Select all

.site_logo {
    display: inline-block;
    width: 1473px;
    height: 195px;
It should look like this:

Code: Select all

  
    display: inline-block;
    width: 1473px;
    height: 195px;
    background-size: 980px;
    background-repeat: no-repeat;
    background-position: left center;
    
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

Wolfydragon
Registered User
Posts: 9
Joined: Sat Sep 23, 2017 3:16 pm

Re: Logo in Absolution style

Post by Wolfydragon » Wed Sep 27, 2017 1:19 pm

Thanks a lot! That seems to have done it. It's still pretty huge on mobile phones though. Does anyone know if there is a way to auto-resize the logo for the mobile version of the theme? I know there are two files, and I'm wondering if one of these is for mobiles. (one says HD)

User avatar
Mannix_
Registered User
Posts: 155
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Logo in Absolution style

Post by Mannix_ » Thu Sep 28, 2017 9:37 am

Wolfydragon wrote:
Wed Sep 27, 2017 1:19 pm
Thanks a lot! That seems to have done it. It's still pretty huge on mobile phones though. Does anyone know if there is a way to auto-resize the logo for the mobile version of the theme? I know there are two files, and I'm wondering if one of these is for mobiles. (one says HD)
You can fix that by adding

Code: Select all

@media (max-width: 700px)
{	
	.site_logo {
    background-size: 300px;
    width: 100%;
    background-position: center;
	}
}
in common.css file
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

Post Reply

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

Who is online

Users browsing this forum: No registered users and 4 guests