Replit Badge For Websites Made With Replit

Question:
How would I adjust the size of the Replit badge on a HTML, JS, CSS file?

Repl link:
My repl

<script src="https://replit.com/public/js/replit-badge-v2.js" theme="dark" position="bottom-right"></script>

You don’t – unless you really want to; if so, go to https://replit.com/public/js/replit-badge-v2.js, then modify the styling to your liking.

1 Like

Okay I’ll try that. Thanks. If I can get it working, I’ll mark this as the solution.

I wonder, can you do a styling for this? With CSS? Then adjust the height and width?

Thats what I am trying. I assigned it an id and am in the process of getting it set up to test it.

That didn’t work. Does anyone have any other ideas?

Wait, what’s your code? Where did you put the id attribute?

The badge is just an image, you can style it by styling #replitBadge.

E.g.:

#replitBadge { width: 1000px; }

4 Likes

does the badge have access to my other files? I just did an img selector on my css and the height property affected the badge too…

1 Like

Well, basically, you’re loading a script. And that script directly inserts code for the Replit badge. So when you apply custom properties to all images, and since the badge is also an image (afaik), then it will affect it too. The badge is not “contained”; it’s a part of your webpage

2 Likes