🖥 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;
	}
}

286 Kudos

Comments

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

xX_-Terabyte-_Xx	1779068003 is there a way to add multiple banners stacked on top of each other? Report Comment
lunen ⋆.ೃ࿔*:･	1777418243 omg ive been needing the banner dimensions so badly tysm!!! this is a lifesaver Report Comment
Arabella⟢	1775805752 This helps so much!! Thank you! Report Comment
Roby	1775018726 using Report Comment
CRAIGwhat	1769262946 Usinggg thanks Report Comment
CRAIGwhat	1769262944 Usinggg thanks 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
Soso	1740776931 Yesss tysm<3 Report Comment
Soso	1740776926 Yesss tysm<3 Report Comment