Logo - proflat
Re: Logo
Creates an image to replace the proflat logo.
Place there in the repertory ./styles/proflat/theme/images/
Open ./styles/proflat/theme/style_proflat.css
find :
Code: Select all
.site_logo {
width: 168px;
height: 59px;
}
168px
and 59px
by the width and height of your imagefind :
Code: Select all
.site_logo {
background-image: url("./images/site_logo.png");
background-image: url("./images/site_logo.svg");
background-repeat: no-repeat;
}
site_logo.png
by the name of your image.and comment or delete the line :
background-image: url("./images/site_logo.svg");
- Mazeltof
- Registered User
- Posts: 88
- Joined: Wed Sep 28, 2016 5:18 pm
- Location: Arras - France
- Contact:
Re: Logo
Hi,
The first instruction works, but I cannot find this in my version:
Code: Select all
.site_logo {
background-image: url("./images/site_logo.png");
background-image: url("./images/site_logo.svg");
background-repeat: no-repeat;
}
-
- Registered User
- Posts: 10
- Joined: Fri Dec 09, 2016 8:22 am
- Contact:
Re: Logo
thank you
-
- Registered User
- Posts: 2
- Joined: Tue Apr 25, 2017 6:54 pm
- Contact:
Re: Logo
Where should an replace this?Mazeltof wrote:Hi,
But why should you replace it when it's the same number?Creates an image to replace the proflat logo.
Place there in the repertory ./styles/proflat/theme/images/
Open ./styles/proflat/theme/style_proflat.css
find :ReplaceCode: Select all
.site_logo { width: 168px; height: 59px; }
168px
and59px
by the width and height of your image
find :ReplaceCode: Select all
.site_logo { background-image: url("./images/site_logo.png"); background-image: url("./images/site_logo.svg"); background-repeat: no-repeat; }
site_logo.png
by the name of your image.
and comment or delete the line :background-image: url("./images/site_logo.svg");
-
- Registered User
- Posts: 413
- Joined: Sun Mar 05, 2017 7:31 pm
- Contact:
Re: Logo
Mazeltof wrote:Hi,
Creates an image to replace the proflat logo.
Place there in the repertory ./styles/proflat/theme/images/
Open ./styles/proflat/theme/style_proflat.css
find :ReplaceCode: Select all
.site_logo { width: 168px; height: 59px; }
168px
and59px
by the width and height of your image
find :ReplaceCode: Select all
.site_logo { background-image: url("./images/site_logo.png"); background-image: url("./images/site_logo.svg"); background-repeat: no-repeat; }
site_logo.png
by the name of your image.
and comment or delete the line :background-image: url("./images/site_logo.svg");
- Mazeltof
- Registered User
- Posts: 88
- Joined: Wed Sep 28, 2016 5:18 pm
- Location: Arras - France
- Contact:
Re: Logo
I've done what you're saying but still I can not get the logo visible?Mazeltof wrote:Mazeltof wrote:Hi,
Creates an image to replace the proflat logo.
Place there in the repertory ./styles/proflat/theme/images/
Open ./styles/proflat/theme/style_proflat.css
find :ReplaceCode: Select all
.site_logo { width: 168px; height: 59px; }
168px
and59px
by the width and height of your image
find :ReplaceCode: Select all
.site_logo { background-image: url("./images/site_logo.png"); background-image: url("./images/site_logo.svg"); background-repeat: no-repeat; }
site_logo.png
by the name of your image.
and comment or delete the line :background-image: url("./images/site_logo.svg");
-
- Registered User
- Posts: 413
- Joined: Sun Mar 05, 2017 7:31 pm
- Contact:
Re: Logo
i really like Proflat theme but i need to customize it bit.
in particular i need to change the header, exactly as i done in previous version of phpbb:
http://www.musicattuale.eu/octandre/Green/
i need just to have the banner you see at the top.
Is it possibile?
Thank you in advance.
-
- Registered User
- Posts: 4
- Joined: Thu Aug 27, 2015 11:55 pm
- Contact:
Re: Logo
Thanks!
Mazeltof wrote:Hi,
Creates an image to replace the proflat logo.
Place there in the repertory ./styles/proflat/theme/images/
Open ./styles/proflat/theme/style_proflat.css
find :ReplaceCode: Select all
.site_logo { width: 168px; height: 59px; }
168px
and59px
by the width and height of your image
find :ReplaceCode: Select all
.site_logo { background-image: url("./images/site_logo.png"); background-image: url("./images/site_logo.svg"); background-repeat: no-repeat; }
site_logo.png
by the name of your image.
and comment or delete the line :background-image: url("./images/site_logo.svg");
-
- I am too lazy to register
- Posts: 3265
- Joined: Thu Mar 15, 2007 6:50 am
- Contact:
Re: Logo
The quoted changes will be in the /styles/proflat folder, rather than in /styles/proflat_purple. The color-specific styles don't contain the actual site logo image, since that part doesn't change when coloring the style.Anonymous wrote:I have installed proflat and using proflat purple style - where should I do these replacements, in which folder, proflat or proflat purple?
- EA117
- Registered User
- Posts: 2159
- Joined: Wed Aug 15, 2018 3:23 am
- Contact:
Re: Logo
i already follow the instruction and it worked well on proflat.
but it's not working when i want to use proflat_red, the logo still "Proflat"
is there any modifications still need to do?
Mazeltof wrote:Hi,
Creates an image to replace the proflat logo.
Place there in the repertory ./styles/proflat/theme/images/
Open ./styles/proflat/theme/style_proflat.css
find :ReplaceCode: Select all
.site_logo { width: 168px; height: 59px; }
168px
and59px
by the width and height of your image
find :ReplaceCode: Select all
.site_logo { background-image: url("./images/site_logo.png"); background-image: url("./images/site_logo.svg"); background-repeat: no-repeat; }
site_logo.png
by the name of your image.
and comment or delete the line :background-image: url("./images/site_logo.svg");
-
- Registered User
- Posts: 1
- Joined: Thu Jun 04, 2020 7:31 am
- Contact:
Re: Logo
Even the latest versions of the proflat color styles still depend on the existing proflat style to provide the logo and most other non-color-related aspects of the display. If you have your replacement logo working for proflat itself, it's definitely expected that the proflat_red style should have picked up that change automatically, too.sibedul wrote:i already follow the instruction and it worked well on proflat.
but it's not working when i want to use proflat_red, the logo still "Proflat"
is there any modifications still need to do?
Have you already tried using a CTRL-F5 refresh in your web browser to make sure you're not looking at a locally-cached copy of the older CSS files? And/or you can invoke the phpBB ACP General tab's "Purge Cache" button to ensure there isn't any phpBB-side cache still involved, too.
If the issue still persists even after taking those actions, are you able to provide a link to the web site where we can see this behavior occurring? To try and inspect more closely where the wrong logo is coming from.
- EA117
- Registered User
- Posts: 2159
- Joined: Wed Aug 15, 2018 3:23 am
- Contact: