How to insert a custom .png logo in header (Future2021)

Support Themes & Styling
20

Hi @pmoreno ,

I had some side assistance by @pamtbaau on the issue as well. Here are the steps to making it work in a child theme provided by him:

  • Fresh install of Grav
  • Install Future2021: $ bin/gpm install future2021
  • Do you wish to install this demo content? [y|N] (yes/no) [no]: yes
  • This will backup your current user/pages folder to user/pages.01-24-2024-09-44-52, continue? [y|N] (yes/no) [no]: yes
  • Create child theme myfuture using $ bin/plugin devtools new-theme as you have done before following the steps in the docs.
  • Copy the form section of the Future2021 blueprints.yaml to the child theme’s blueprints.yaml
  • Open Admin
  • In section Themes, activate theme Myfuture
  • When theme is activiated, open settings of theme Myfuture
  • Upload your custom logo
  • Set property Show logo/text in header to Image as shown above
  • Save settings
  • Browse to website

Two major things I was doing wrong in my previous steps:

→ I was copying the base.html.twig template from the previous FUTURE2021, not from the new theme update you provided.

→ I was copying the whole document, while I just had to copy the section where the logo updates where specified.

All along the issues were mistakes on my side, apologies for the headache I give you.
Thanks a lot for your support, to both.

2 Likes