customizable blurb section titles

Tags: cute, layouts, layout, emo, goth, title, pixel, decor, kawaii, simple

Description:

(the dashed lines are part of my layout, not part of the actual code)
self explanatory, just a simple way to remove the default "about"/"who i'd like to meet" titles and replace them with your own.

2 versions of the code are included: text + image.
keep in mind that both codes won't work at the same time. copy whichever version you'd prefer and edit as needed.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by clear (https://layouts.spacehey.com/layout?id=98709) -->

<!-- IMPORTANT choose whichever version you prefer, both codes won't work at the same time -->
<!-- these are intended to be bases, edit and add the text/features you want -->


<!-- TEXT VERSION -->

<style>
/* if you don't want titles at all you can set the h4 section to display none and you're done */

.profile .blurbs .section h4{
display:none; 
}

.profile .blurbs .section::before{
content:"test title 1";
text-align:center;
border:1px solid black;
padding:10px;
text-transform:lowercase;
letter-spacing:3px;
color:white;
font-size:15px;
background:black;
}

.profile .blurbs .section:nth-child(2)::before{
content:"test title 2";
text-align:center;
border:1px solid black;
padding:10px;
text-transform:lowercase;
letter-spacing:3px;
color:white;
font-size:15px;
background:black;
}
</style>
<!-- END OF TEXT VERSION -->



<!-- IMAGE VERSION -->
<style>
.profile .blurbs .section h4{
display:none;
}

.profile .blurbs .section::before{
content:url('http://i953.photobucket.com/albums/ae15/kawaiihamunet/cake02.gif');
text-align:center;
padding:10px;
text-transform:lowercase;
letter-spacing:3px;
font-size:15px;
}

.profile .blurbs .section:nth-child(2)::before{
content:url('http://i953.photobucket.com/albums/ae15/kawaiihamunet/cake04.gif');
text-align:center;
padding:10px;
text-transform:lowercase;
letter-spacing:3px;
font-size:15px;
}
</style>
<!-- END OF IMAGE VERSION -->

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

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

Nihwa Cyi	1757329586 Using, thank you! Report Comment
༘⋆ ♯ C₀₀ₗ₃ₛₜ ₖ₁D ₄ᵣ₀ᵤₙD.ᐟ.ᐟ	1757113405 YAYYY!! USSINGGG :3!! Report Comment
☆MAGPIE☆	1756784863 Using :3 Report Comment
joybrick	1753256337 this is so helpful thank you!! im using this for my profile!! Report Comment
✮ ⋆ ˚｡kakkou𖦹 ⋆｡°✩	1752188215 using :3 Report Comment
.⋆♱ ·..Ash..｡🦇.ᐟ°‧	1748515254 using ( •̀ ω •́ )✧ Report Comment
𓂃 . 𐑞 graves . .	1745570701 ussingg Report Comment
Gabs ׅ 🌸🍃!	1743098897 using Report Comment
❝𝐒𝟏𝐜𝐤.𝐝𝐮𝐝𝟑❞	1741275429 using Report Comment
.⋆♱ ·..Ash..｡🦇.ᐟ°‧	1740997668 using xx Report Comment
yreva	1740180995 using!!1 :3 Report Comment
Bobo/T(NOT MOBILE FRIENDLY.)	1738191420 Using Report Comment
Satoku	1736620807 usingg Report Comment
BB♡berrries	1736520270 Using ♡ Report Comment
Merukoi	1732361763 using! Report Comment
paige 🍎	1732244697 using, thanks!! <33 Report Comment
rightshift	1721749966 using!! tysmm!! Report Comment
helix	1719783295 using! tysm <3 Report Comment
Ngoc🎀	1719566118 using!! Report Comment
phan yearns	1719271779 tysm!! using <3 Report Comment