lucien zeal's profile picture

Published by

published
updated

Category: Web, HTML, Tech

How to change every title on your profile

easy enough trick that i am not the creator of but this is mainly to have all of them in one place

copy and paste the sections you wanna edit or just all of it into a style tag in your about me then put your new title between the "" in the content line (for example content: "new title";)



    /* CONTACT */
.contact .heading h4 {
    font-size: 0;
}
.contact .heading h4:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* URL */
.url-info b {
    font-size: 0;
}
.url-info b:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* INTERESTS */
.table-section:not(:last-child) .heading h4 {
    font-size: 0;
}
.table-section:not(:last-child) .heading h4:before {
    font-size: .8rem;
    content: ""
}
    /* */

    /* INTERESTS - GENERAL */
.table-section:not(:last-child) tr:nth-child(1) td:nth-child(1) p {
    font-size: 0;
}
.table-section:not(:last-child) tr:nth-child(1) td:nth-child(1):before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* INTERESTS - MUSIC */
.table-section:not(:last-child) tr:nth-child(2) td:nth-child(1) p {
    font-size: 0;
}
.table-section:not(:last-child) tr:nth-child(2) td:nth-child(1):before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* INTERESTS - MOVIES */
.table-section:not(:last-child) tr:nth-child(3) td:nth-child(1) p {
    font-size: 0;
}
.table-section:not(:last-child) tr:nth-child(3) td:nth-child(1):before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* INTERESTS - TELEVISION */
.table-section:not(:last-child) tr:nth-child(4) td:nth-child(1) p {
    font-size: 0;
}
.table-section:not(:last-child) tr:nth-child(4) td:nth-child(1):before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* INTERESTS - BOOKS */
.table-section:not(:last-child) tr:nth-child(5) td:nth-child(1) p {
    font-size: 0;
}
.table-section:not(:last-child) tr:nth-child(5) td:nth-child(1):before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* INTERESTS - HEROES */
.table-section:not(:last-child) tr:nth-child(6) td:nth-child(1) p {
    font-size: 0;
}
.table-section:not(:last-child) tr:nth-child(6) td:nth-child(1):before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* LINKS */
.table-section:last-child .heading h4 {
    font-size: 0;
}
.table-section:last-child .heading h4:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* BLOG PREVIEW */
.blog-preview h4 {
    font-size: 0;
}
.blog-preview h4:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* BLURBS */
.blurbs .heading h4 {
    font-size: 0;
}
.blurbs .heading h4:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* ABOUT ME */
.blurbs .section:nth-child(1) h4 {
    font-size: 0;
}
.blurbs .section:nth-child(1) h4:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* WHO I'D LIKE TO MEET */
.blurbs .section:nth-child(2) h4 {
    font-size: 0;
}
.blurbs .section:nth-child(2) h4:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* FRIENDS */
.friends:not(#comments) .heading h4 {
    font-size: 0;
}
.friends:not(#comments) .heading h4:before {
    font-size: .8rem;
    content: "";
}
    /* */

    /* COMMENTS */
#comments .heading h4 {
    font-size: 0;
}
#comments .heading h4:before {
    font-size: .8rem;
    content: "";
}
    /* */



don't comment 'using' or 'thanks' i don't care.  ask questions if you need though


67 Kudos

Comments

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

xxXShadowl0rd420Xxx

xxXShadowl0rd420Xxx's profile picture

It seems my interest titles only show for me and no one else, already checked and there wasn't anything I could see that conflicted it in a way that would cause this. Though, I'm not very good with HTML coding so is there anything specific I should be looking for that would make it do this?


Report Comment



try reloading the cache on your profile with ctrl+f5, sometimes old code is kept in your cache and shows up only for you. if it shows up as broken after reloading then try reverting to an older version, you might have accidentally broken it afterwards (or check for spelling and stuff, it's easy to accidentally backspace somewhere)

other than that i got nothing

by lucien zeal; ; Report

The issue is that I can see my custom ones but no one else can (╥﹏╥)

by xxXShadowl0rd420Xxx; ; Report

Hey! Try this code, it worked for me:


table, th, td {
border: 0px solid;
}
:root {
--topic1: "text here";
--topic2: "text here";
--topic3: "text here";
--topic4: "text here";
--topic5: "text here";
--topic6: "text here";
}
.table-section:not(:last-child)
.details-table tr td:first-child p{color:transparent
!important;text-shadow: none !important;letter-spacing: -100px;}

.details-table td:first-child{
color: ;
font-family: ;
font-weight: ;
font-style: ;
text-align: ;
font-size: ;
}
.table, th, td {
border: 0px solid;
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
color:white !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}
.details-table tr:nth-child(1) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(1) td:first-child::after {
content: var(--topic1);
}
.details-table tr:nth-child(2) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(2) td:first-child::after {
content: var(--topic2);
}
.details-table tr:nth-child(3) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(3) td:first-child::after {
content: var(--topic3);
}
.details-table tr:nth-child(4) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(4) td:first-child::after {
content: var(--topic4);
}
.details-table tr:nth-child(5) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(5) td:first-child::after {
content: var(--topic5);
}
.details-table tr:nth-child(6) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(6) td:first-child::after {
content: var(--topic6);
}

by Kuroi; ; Report

Flowery

Flowery's profile picture

This is a great help, thank you! (using :D)


Report Comment

Aoyagi Touya

Aoyagi Touya's profile picture

The comments one doesn't seem to be working for me. It still shows "[Name] Friends Comments"


Report Comment



do you have any other code that could be affecting it, that is almost always the problem i don't know of any other fix

by lucien zeal; ; Report

azhton

azhton's profile picture

dum question but how do i change the colour >︿<


Report Comment



same way you'd change the colour of any text www.w3schools.com/css/css_text.asp

by lucien zeal; ; Report

ah thanks mb i do not understand this language at all

by azhton; ; Report

Vodka ⛧⃝𓄃

Vodka ⛧⃝𓄃's profile picture

TYSM OMG!!!!!!!!!!!!!!!!!!!!!!


Report Comment

yhan !!

yhan !!'s profile picture

HELP ON MY KNEES SOMEONE RESPOND NHSHSHSHS
i think the custom titles only show for me ,, can that be fixed ??


Report Comment



i've never seen this, do you have any other code that could be affecting those titles? also i looked on your profile and they show up fine for me if that's the worry

by lucien zeal; ; Report

rly ?? thank you so much for telling, i actually tampered with a few other things in my code after ts comment, so glad it either worked or smt else !!
anyway thank you !! livesaver frl

by yhan !!; ; Report

Frost-Bite

Frost-Bite's profile picture

What's wrong when the original title won't go away, just showing up after my custom title? :( It worked the first time I refreshed my profile but after that it was wrong


Report Comment



im having the same issue ... >_<

by Xx.DEREK'S VALENTINE.xX; ; Report

was it the interests box you were trying to change? if so it looks like it worked, i really like what you did with the last box that's what i wanna do

by Frost-Bite; ; Report

i just put the code in the section itself rather than in my css/about section and it fixed it!!

by Xx.DEREK'S VALENTINE.xX; ; Report

do you wanna know how i did the little gallery too??

by Xx.DEREK'S VALENTINE.xX; ; Report

YEA i would love to

by Frost-Bite; ; Report

https://layouts.spacehey.com/layout?id=40686

this is what i used!! lmk if you need help :)
if you want the images beside each other like mine resize them to 50x50

by Xx.DEREK'S VALENTINE.xX; ; Report

tysm

by Frost-Bite; ; Report

𝒱𝔞𝔢𝔥𝔪𝔭𝔦𝔯𝔢⋅𖹭𝒱𝔞𝔢𝔥

𝒱𝔞𝔢𝔥𝔪𝔭𝔦𝔯𝔢⋅𖹭𝒱𝔞𝔢𝔥's profile picture

thank you so much omgggg


Report Comment

𝒱𝔞𝔢𝔥𝔪𝔭𝔦𝔯𝔢⋅𖹭𝒱𝔞𝔢𝔥

𝒱𝔞𝔢𝔥𝔪𝔭𝔦𝔯𝔢⋅𖹭𝒱𝔞𝔢𝔥's profile picture

thank you so much omgggg


Report Comment

Ayusu

Ayusu's profile picture

you just saved my life thx!!!


Report Comment

F1NNEGAN

F1NNEGAN's profile picture

thank you you're like jesus


Report Comment