Cloning OpenSea NFT Boilerplate Questions

@ABettaMeta
Can you elaborate a bit more? or share some code snippet?

As far as i can understand you are trying to change the app background image, so when user opens the browser in the background there will be an image right?

Also which tech stack are you using? vanilla JS or react?

I am using React, and I am simply trying to insert a background image from my public folder or src folder as the entire background, aside from the header. However, no matter where I insert the image, I can not get it to display properly. I am not trying to do anything fancy, just a simple jpg that is the entire background. I just need to know where to insert the image in the app.js or app.css & the proper syntax, thats it. Using hthe OpenSea NFT Boilerplate & moralis

nothing in the entire boilerplate has the color code or a background element for this part of the background anywhere, including when right clicking & inspecting element. It is non existent as far as I can tell & I dont know how to add it.

Doesnt work for example
asassa


I have deployed my contract on Remix where can i find the contract addess and contract ABI… please see screenshot

when i try to create a smart contract with the .sol file i get an error sayin that the custom 80001 network of the polygon mumbai testnet cannot be found… any help will be much appriciated.

You may need to add !important to the end of each style so it overrides any existing ones.

For the background, look at the App.jsx and find the style props for Layout. That is where you can add a background colour. This is where I was able to change the background colour to red at the time I made that comment (you have to do this in another place for the Footer because they are separate).

I’ll have another look at the boilerplate if you still have issues finding it and give you the line numbers.

1 Like

where all the listed items will show up after listing for sale because i can’t see it in the explore page ?

Would really appreciate it. I tried for another couple hours & haven’t been able to come up with a solution. Apologize, im not the most experienced front end developer.

Also would appreciate it if you could show the proper placement for the footer as well. Thank you for the help!

In App.js, at line 65:

<Layout style={{ height: '100vh', overflow: 'auto', background: 'red' }}>

For the footer, at line 116:

<Footer style={{ textAlign: 'center', background: 'red' }}>
1 Like

The error I’m seeing there is you didn’t sign the transaction. You have to sign the transaction, did the MetaMask window show up?

Do you see your existing collection on the Explore page? Your listed NFT(s) should still be there.

Thank you so much, appreciate you taking the time to help.

Can anyone please explain why only 10 NFTs show under the ā€œexplore market tabā€ when a specific collection has more than 10 NFTs created?

i did it still does not seem to like the network… and there by i am unable to create the smart contract… let me send you a video shortly

is there a max limit of 20 for useMoralisWeb3ApiCall in the free tier? I am asking because I am trying to fetch 200 NFTs but I am only getting 20 NFTs

as you can see i am signing into metamask

here is the network setting for the polygon network … i feel it does not like it

I am not 100% sure this will work but try adding the mumbai testnet using the chainlist.org and then reconnect with remix

1 Like

Does this happen on another network?

Here’s a few things you can try and then try deploying again, if it doesn’t work move onto the next one:

  • try a different Mumbai RPC like https://matic-mumbai.chainstacklabs.com
  • clear browser cache
  • reset your MetaMask account - Settings > Advanced > Reset Account
1 Like