Cory's profile picture

Published by

published
updated

Category: Web, HTML, Tech

🖥 CSS Snippet: How To Change Some Of The Titles

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!

"Contacting You" Box Title

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Your New Contact Line"; font-size:.8rem; font-weight:bold; }

"Latest Blogs Entries" Title

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "Your New Contact Line"; font-size:.8rem; }

"Your Blurbs" Title

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Your New Contact Line"; font-size:.8rem; font-weight:bold; }

"About me" Title

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Something About You"; font-size:.8rem; }

"Who I'd Like To Meet" Title

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "People To Meet"; font-size:.8rem; }

"Your Friend Space" Title

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Lookit My Buddies"; font-size:.8rem; font-weight:bold; }

"Your Friend Comments" Title

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Friends Comments"; font-size:.8rem; font-weight:bold; }


50 Kudos

Comments

Displaying 4 of 4 comments ( View all | Add Comment )

eva ★ !!

eva ★ !!'s profile picture

if anyone else struggled with the about me section change the (2) in the code to 1 :)


Report Comment



thank youu ! !

by scenekel; ; Report

rai-rai

rai-rai 😎's profile picture

Please add the 'links' title


Report Comment

garbagecanloser

garbagecanloser's profile picture

Hiii where do I paste the "contacting you" code? It's not showing up on my page :'(


Report Comment



Put that code in between <style> </style> tags in any of your blurbs.

by Cory ; ; Report

Katie

Katie's profile picture

Thank you!


Report Comment