Outset

How to implement a wallpaper in the header - Outset

How to implement a wallpaper in the header

by Abraham54 » Sat Jul 15, 2023 4:44 pm

Congrats with this nice and modern theme.

But how to implement a wallpaper in the header?
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 126
Joined: Sun Feb 15, 2015 9:59 am

Re: How to implement a wallpaper in the header

by Lookscape » Sun Jul 16, 2023 5:54 pm

Hi Ambraham! Thanks for the kind words :)

In order to add a wallpaper or image to the header, open theme/style.css and at line 152 find:

Code: Select all

.page-header {
    background: linear-gradient(66deg, rgba(87, 191, 158, 1) 0%, rgba(0, 145, 173, 1) 62%, rgba(14, 68, 156, 1) 100%);
    background-size: 400% 400%;
    animation: gradient 45s ease infinite;
    margin-bottom: -20px;
    padding: 30px 0 50px 0;
}
Remove animation: gradient 45s ease infinite; and add the following right before the closing curly brace:

Code: Select all

background-image: url("LINK TO IMAGE");
Replace LINK TO IMAGE with the image URL of the wallpaper you wish to display, and save.

Hope that works for you!
Released styles
Outset for phpBB 3.3.10
User avatar
Lookscape
Registered User
Posts: 41
Joined: Tue May 05, 2020 11:41 am
Location: Norway

Re: How to implement a wallpaper in the header

by Abraham54 » Sun Jul 16, 2023 8:32 pm

Hello Lookscape: thanks for your answer en precise solution.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 126
Joined: Sun Feb 15, 2015 9:59 am

Re: How to implement a wallpaper in the header

by Abraham54 » Mon Jul 17, 2023 10:56 am

Hello Lookscape,

from the moment I actuate the wallpaper, strange tings happen.
The header has no hamburger menu anymore and icons show over the whole forum.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 126
Joined: Sun Feb 15, 2015 9:59 am

Re: How to implement a wallpaper in the header

by Lookscape » Mon Jul 17, 2023 12:44 pm

Abraham54 wrote:Hello Lookscape,

from the moment I actuate the wallpaper, strange tings happen.
The header has no hamburger menu anymore and icons show over the whole forum.
That’s strange! Could you send me a link to your board so that I can have a look?
Released styles
Outset for phpBB 3.3.10
User avatar
Lookscape
Registered User
Posts: 41
Joined: Tue May 05, 2020 11:41 am
Location: Norway

Re: How to implement a wallpaper in the header

by Abraham54 » Tue Jul 18, 2023 5:34 pm

Hello Lookout, i remodified styles.css again en now it works.
Beats me.
https://www.piepcomptest.nl/index.php
It is a test forum.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 126
Joined: Sun Feb 15, 2015 9:59 am

Re: How to implement a wallpaper in the header

by Abraham54 » Tue Jul 18, 2023 6:10 pm

What format need a wallpaper to have?

Currently the wallpaper is 800 x 82 px.
zorin-os-wallpapers 2.jpg
See the result:
https://www.piepcomptest.nl/
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 126
Joined: Sun Feb 15, 2015 9:59 am