🖥 CSS Snippet: Adding a Banner To Your Profile

If you want to add a banner to your profile, above your profile, here's an easy way to do it. I've also included a way to make it look great on mobile. For whatever image you use, adjust the height tags until it looks nice.

Remember: always put any CSS in between two Style tags: <style></style> That way, browsers will recognize that what you're trying to do is adjust the style. Also remember that CSS stands for Cascading Style Sheets, so the browser will activate styles from top to bottom!

main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://via.placeholder.com/1280x720.png');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

271 Kudos

Comments

Displaying 20 of 59 comments ( View all | Add Comment )

mikehalloween	1766537151 This is a fantastic and straightforward guide for adding a banner! YouTube Transcript Generator, AI Pixel Generator, Attractiveness Test, AI Image Generator By Nano Banana Pro, Converter PNG to SVG, Markdown to Doc, Merge JPG, Image to Prompt Report Comment
francis	1765841729 ¡Usando! Report Comment
Griffin	1763445907 Is there a way to put a border around the banner? Report Comment yes i've done this : " box-shadow: 0px 0px 7px 2px #ccff00; " (in neon yellow, just change the hex to whatever), copy this in the sa by Ke$h☆PuPPie; 1767294583; Report same code lines* by Ke$h☆PuPPie**; 1767294597; Report
char	1762149465 is there a way to make it interchangeable at all? Report Comment
wilford	1755487843 The Geometry Dash Lite game is known for its colorful, geometric graphics and engaging electronic music. Report Comment
𝓂𝒶𝒹𝒹𝓎	1755233280 using! tysm Report Comment
Peakathan	1755183102 thanks sm this is great Report Comment
⁶⁶⁶⛧𝕷𝖆𝖙𝖊𝕶𝖓𝖎𝖌𝖍𝖙⛧⁶⁶⁶	1750471783 thank you so much, fixed my problems! Report Comment
christinacrucifix	1749933460 Ugh thanx so much Report Comment
GHOSTLY_T0ASTLY	1745978026 USING THANK YOUUUUU Report Comment
GHOSTLY_T0ASTLY	1745978018 USING THANK YOUUUUU Report Comment
ɖɨɖɨ	1745367109 using! Report Comment
Zee!!	1742806751 using :> Report Comment
˚˖`⭐ ONE ! ˚. ⋆	1742696886 USING!!! ^_^ Report Comment
Mike The Nerd XP	1741293443 I didnt understand Report Comment
Soso	1740776931 Yesss tysm<3 Report Comment
Soso	1740776926 Yesss tysm<3 Report Comment
NorNor	1740527811 Thank u Thankuuu~ Report Comment
🥀𝐀𝐧𝐝𝐲 🥀	1739984507 Its doesnt seem to be workng 4 me idk what to do Report Comment
Cena <3	1739902483 Im attempting to use! Report Comment