Replace logo using Quark child theme

I have been reading through every post I can find on replacing the logo in the Quark theme.

It’s recommended to do this in a child theme, so I have one set up and working according to the documentation on theme inheritance here.

Do I do something to:

I am using a .png logo and not an .svg file.

What do I do now in the child folder to change the logo?

The one I want to add is a little larger than the Quark Grav logo so advice appreciated.

Thank you.

@jmaster To replace the default logo provided by Quark, you could do the following in you own child theme’s folder:

  • Go to “user/themes/your-child-theme”
  • Create folder “/images/logo”
  • Copy your logo inside the new folder
  • Edit “your-child-theme.yaml” and add the following variable:
       - name: your-child-logo.png

Open your website in the browser and you should see your own logo. The size of the logo can be altered to your liking using css.

Hi pamtbaau,
I have performed these tasks, modified the “quark.yaml” file as indicated, I have deleted the Firefox cache, but I still get the original Grav logo.
Do you have another idea, or do you need a copy of some of my files ?

This is how I did it in the “quark.yaml” file:

  - name: 'logo.jpg'
  - name: 'logo.jpg'

@Steve, Would you mind adding a bit more information to make your solution more valuable/applicable.


  • In which folder did you edit 'quark.yaml’?
  • In which folder do you store the images?
  • What other steps did you take?