How can I change this logo?

[fatihyildizhan]

Hi,

I couldn't change the top image. How can I change this logo?

[jpedroschmitz]

Hey @fatihyildizhan, here on our shadowing tutorial we have an example: https://rocketdocs.netlify.com/usage/shadowing

Let me know if it helped you 💜

[AlFalahTaieb]

I followed the shadowing documentation nothing is working :/

[bpmutter]

I have had the same problem. The solution in the docs does not seem to work.

[jeffersonnnn]

this tutorial doesn't work. can we get something working please?

[nemethricsi]

Hey @fatihyildizhan, here on our shadowing tutorial we have an example: https://rocketdocs.netlify.com/usage/shadowing

Let me know if it helped you 💜

What if I want a png?

[nemethricsi]

@bpmutter @jeffersonnnn actually I could change it to a png logo like so:

in the src/@rocketseat/gatsby-theme-docs/components folder create a file called Logo.js (as said in the documentation)

// Logo.js
import React from 'react';
import soupyLogo from '../images/soupy.png'

const Logo = () => <img src={soupyLogo} alt="soupy-logo" style={{ width: 160 }} />

export default Logo;

Works fine:

[jpedroschmitz]

Glad it worked @nemethricsi, I'll make sure we have this use case covered on the docs!

[nemethricsi]

Glad it worked @nemethricsi, I'll make sure we have this use case covered on the docs!

@jpedroschmitz Thank you João! I didn't expected that :D Anyways... little OFF: I'm really struggling with changing "Edit this page on GutHub" link to a Bitbucket link on the pages. Should I issue a feature request or something so...? Many thanks! ON

[jpedroschmitz]

Hey @nemethricsi, you can issue a feature request 💜

[karlsoderby]

Seems like running gatsby clean before starting the server will solve the issue of logo not changing.